Separator
A visual divider with 4 style variants and optional centered label text.
Import
import { Separator } from "@igorao79/uivix";Playground
Content above
Section
Content below
All Variants
default
default
dashed
dashed
dotted
dotted
gradient
Usage
<Separator variant="dashed" label="or" />
<Separator variant="gradient" />
<Separator variant="dotted" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | "horizontal" | "vertical" | "horizontal" | Direction of the separator |
| variant | "default" | "dashed" | "dotted" | "gradient" | "default" | Visual style of the line |
| label | string | - | Centered label text (horizontal only) |
| className | string | - | Additional CSS classes |