A
Auralix UI

Divider

Subtle divider line with optional label.

Preview

Installation

bash
npx auralix-ui add divider

Usage

Divider with Label

tsx
import { Divider } from "@/components/ui/Divider";

<Divider />
<Divider label="OR" />

Props

NameTypeDefaultDescription
orientation"horizontal" | "vertical""horizontal"Divider direction.
variant"solid" | "dashed" | "dotted""solid"Line style.
labelstring-Optional center label.