Skip to content

Divider

Dividers separate content vertically or horizontally, with optional label text.

import { Divider } from "@truongdq01/ui";
<Divider />
<Divider label="OR" />
<Divider orientation="vertical" />

| Prop | Type | Default | Description | | ------------- | ------------- | ----------- | ------------------------------------- | ----------------- | ------ | --------------------------------------- | | label | string | - | Centered label for horizontal divider | | orientation | "horizontal" | "vertical" | "horizontal" | Divider direction | | emphasis | boolean | false | Stronger border color | | spacing | "none" | "sm" | "md" | "lg" | "md" | Vertical spacing for horizontal divider |