RUI.next

Navigation-Layout
Divider

Divider

Divider line, generally used to separate different content.

<Divider />
<Divider />

Example

Basic usage of Divider component.

Basic Divider with pure line (horizontal mode)

Basic Divider (vertical mode)

one
two
three
four

Divider with content

center content

left content

right content

Divider with customized styles

some content

API

PropertiesDescriptionTypeDefault
contentAlignThe alignment of contentcenter|left|rightcenter
styleThe custom styleCSSProperties-
verticalWhether the direction mode is verticalbooleanfalse