Skip to main content

​
Divider

The Divider component renders a thin line to separate content visually.

​
Usage

<Col>
  <Text value="Item 1" />
  <Divider />
  <Text value="Item 2" />
</Col>

​
Props

​
vertical
boolean
default:"false"
If true, renders a vertical line (useful in Rows).
​
color
string
Custom color for the divider line.

​
Examples

​
Horizontal List

<Row gap="sm" align="center">
  <Text value="Link 1" />
  <Divider vertical />
  <Text value="Link 2" />
  <Divider vertical />
  <Text value="Link 3" />
</Row>