Separator directive that offers a seamless and accessible solution for building separators.
Separator
Vacui UI
Urbs aeterna
Caesar
Augustus
Trajan
Installation
Add and import the module into your imports section.
Modules
Loading syntax highlighter...
Standalone directives
Loading syntax highlighter...
Anatomy
Directive's set structure.
vacSeparatorRoot
Input props
SeparatorRoot Attribute Directive
Creates the separator.
| Input | Default | Type | Description |
|---|---|---|---|
| orientation | horizontal | "horizontal" | "vertical" | Separator orientation |
| decorative | false | boolean | Remove an element's implicit ARIA semantics from being exposed to the accessibility tree. |
| Attribute | Value |
|---|---|
| data-orientation | "horizontal" | "vertical" |
Accessibility
The separator directive is designed in accordance with the WAI-ARIA Authoring Practices Guide. For more details on accessibility features and guidelines, please refer to the WAI-ARIA Separator Practices. This ensures our component meets modern accessibility standards, providing an inclusive user experience.