Separator

Horizontal or vertical divider.

Above

Below

Installation

npx @noarka/cli add separator

tsx

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

tsx

<div className="space-y-2 text-sm">  <p>Drafts</p>  <Separator />  <p>Published</p></div>

Vertical

Place dividers between inline items in a fixed-height row.

Home

Docs

Blog

Custom style

Recolor through className overrides.

Above

Below

Separator

Prop	Type	Default
`orientation` Divider direction. Vertical dividers stretch to the row height.	`"horizontal" \| "vertical"`	`"horizontal"`
`className` Additional classes merged with the default divider styles.	`string`	`-`