Components
Divider
Separates content sections with a horizontal or vertical line. Supports labels and custom styling.
import{ Divider }from"oks-ui"
HorizontalVerticalWith labelCustom thicknessColor variants
Horizontal
Default horizontal divider between content blocks.
Above
Below
Vertical
Vertical divider for inline content separation.
LeftCenterRight
With Label
A divider with a text label in the center.
OR
Interactive Playground
Controls
Preview
OR
Generated Code
<Divider>OR</Divider>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | "horizontal" | "vertical" | "horizontal" | Divider orientation. |
| variant | "solid" | "soft" | "bordered" | "solid" | Divider variant. |
| color | "default" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "default" | Divider color. |
| thickness | number | string | — | Custom thickness value. |
orientation"horizontal"
"horizontal" | "vertical"
Divider orientation.
variant"solid"
"solid" | "soft" | "bordered"
Divider variant.
color"default"
"default" | "primary" | "secondary" | "info" | "success" | "warning" | "danger"
Divider color.
thickness—
number | string
Custom thickness value.