Divider

Dividers are used to break layouts
into sections of content with a keyline.

Dividers can be used within page layouts to break apart page sections or within cards and other components to divide single components into sections.


Live example

Storybook failed to load. Please connect to the VPN to access.

Availabile platforms

Platform

Available

Figma

Web (@ovotech/element)

App (@ovotech/element-native)


How to use it

Use a standard divider to create faint a keyline between page elements.

Use a differentiated divider to create a more clearly defined border between elements.


Properties

Name

Values

Default

type

default differentiated

default

width

String

100%