Separator
FREELine between content with an optional label, in solid, dashed or gradient style.
Installation
Terminal
npx @bloxa/cli add separator
# or: npx shadcn@latest add @bloxa/separatorExamples
Styles and label
or continue with
Docs Blog Pricing
API reference
Every component also accepts the props of the element it renders.
Separator
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | "horizontal" | "vertical" | "horizontal" | Direction. |
| label | ReactNode | — | Text in the middle. |
| variant | "solid" | "dashed" | "gradient" | "solid" | Style. |
| decorative | boolean | true | Visual only. |