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

boolean

default:"false"

If true, renders a vertical line (useful in Rows).

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>

Overview

Components

Guides

Divider

Divider

Usage

Props

Examples

Horizontal List

​Divider

​Usage

​Props

​Examples

​Horizontal List

Divider

Usage

Props

Examples

Horizontal List