Divider
Dividers enhance layout clarity by grouping and separating nearby content, helping to establish structure and hierarchy.
Example
Orientation
While aligned horizontally by default, the alignment of the divider can be set using the orientation prop.
Sizing
The thickness of the divider can be set using the size prop.
API reference
Dividers bring clarity to a layout by grouping and dividing content in close proximity.
Returns: Element The rendered divider element.
| Parameters | Type | Default | Description |
|---|---|---|---|
| size | Literal['S', 'M', 'L'] | None | 'L' | How thick the Divider should be. |
| orientation | Literal['horizontal', 'vertical'] | 'horizontal' | The axis the Divider should align with. |