v0.5.1

Divider

Visual separator between content sections, horizontal or vertical with an optional label.

Installation

npx paubha@latest add divider

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

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

Left

Right

Prop	Type	Default	Description
orientation	"horizontal" \| "vertical"	"horizontal"	Line direction.
label	ReactNode	—	Optional label rendered between two line segments.

Role. role="separator", with aria-orientation set for vertical dividers.
Non-interactive. A structural separator (not an interactive/resizable one) correctly has no tabIndex and no focus state. For a purely decorative line, pass aria-hidden.

Spinner

Loading indicator for async operations, in sm, md, and lg sizes.

Skeleton

Placeholder loading shape for content that has not yet loaded, as a text line, circle, or rectangle.