Divider

Divider

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

Installation

npx asteria-ui 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 — it's decorative by default.