Components
Separator
A thin line that divides content, horizontal or vertical.
Server componentNo state or handlers. Safe to render in a Server Component.
import { Separator } from "@glob-ui/separator"Preview
API
Props are generated from the TypeScript types in the package source.
SeparatorProps
Prop
Type
Accessibility
| Key or action | Behaviour |
|---|---|
| Decorative (default) | role="none": screen readers skip it. |
| decorative= | role="separator" with aria-orientation: announced as a boundary between sections. |
ARIA. Most separators are visual, so they are decorative by default. Set decorative={false} only when the line separates content that a screen reader user should hear as a change.