Components/Separator
Separator
A simple horizontal or vertical divider line for visually grouping content.
import { Separator } from "@animui/ui"Horizontal
Section one
Section two
Vertical
HomeDocsBlog
Props
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal" | "vertical" | "horizontal" | Direction of the divider line. |
decorative | boolean | false | When true, omits the separator role and aria-orientation for purely visual dividers. |
className | string | — | Additional classes for the divider. |
Accessibility
- ✓Renders with
role="separator"andaria-orientationunlessdecorativeis set. - ✓Use
decorativewhen the divider is purely visual and adjacent content already conveys the grouping.