Separator
Structural separation that avoids unnecessary semantic roles.
Section A
Section B
Installation
Run it from the root of a project already set up with zunoui init.
npx zunoui@latest add separatorDependencies
What add separator installs alongside the component. The CLI skips any you already have in a compatible version.
ZUNO registry
@zuno/utils
Examples
1 examples · 1 componentSection A
Section B
LeftRight
Horizontal and vertical
Separates sections or inline items.
API reference
Forwards props and ref to the container element; it only adds composition utilities.
| Prop | Type | Default |
|---|---|---|
orientationDirection of the separator. | "horizontal" | "vertical" | "horizontal" |
decorativeWhen semantic, it exposes role="separator". | boolean | true |
Accessibility
Decorative by default (role="none"). Use decorative={false} when it separates meaningful groups.
In vertical orientation, give the container a height so the separator is visible.