Layout

Separator

A small visual divider for sections, menus and dense layouts.

Component

import { Separator } from "@swirski/ui";

2 controls

Controls

orientation

tone

<Separator
  orientation="horizontal"
  className="bg-black"
/>

4 generated

Prop	Type	Default	Notes
`orientation`	`'horizontal' \| 'vertical'`	`"horizontal"`	Divider direction.
`size`	`'sm' \| 'md' \| 'lg'`	`"md"`	Generated from SeparatorProps.
`tone`	`'white' \| 'black' \| 'muted'`	`"black"`	Generated from SeparatorProps.
`variant`	`'solid' \| 'dashed'`	`"solid"`	Generated from SeparatorProps.
`className`	`string`	`-`	Adds classes to the divider.