Components / Separator
Separator
A horizontal or vertical divider with decorative and semantic modes.
Before
html
<aevko-separator orientation="horizontal" [decorative]="false" />Installation
npx aevko-ui@latest add separator --yesSource ownership
Customization
Change color and thickness through local CSS or tokens. Orientation and whether the divider is semantic stay explicit inputs.
Edit locallyThe installed template and stylesheet are application code, not a black box.
Theme semanticallyOverride
--aevko-* tokens or ordinary classes without !important.API reference
| Property or slot | Type | Default | Description |
|---|---|---|---|
orientation | 'horizontal' | 'vertical' | 'horizontal' | Visual and semantic axis of the divider. |
decorative | boolean | true | Uses role none when the separator carries no structural meaning. |
Accessibility contract
Accessibility
Included behavior
- Decorative separators use role none.
- Set decorative false only when the divider communicates structure.
Your responsibility
Keep decorative true unless the divider communicates a real structural boundary.