Divider

Use dividers to break layouts into sections of content with a keyline.

There are 2 variants of divider

 

Divider illustration 1

1. Default

Divider illustration 2

2. Differentiated

 

Usage

Divider usage illustration 2

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

Divider usage illustration 1

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


Available platforms

Platform

Available

Figma

v3+

Web (@ovotech/element)

v3.1.0+

App (@ovotech/element-native)

v3.1.0+