Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Primitives
  3. Separator
  5. API and Development

Separator

API and Development

View SourceOpens in a new tabSubmit IssueOpens in a new tab
Separator wraps Radix Separator with Prepared color variants. Defaults to decorative so the line is hidden from assistive tech; set decorative={false} when the rule conveys structural meaning.
Props
NameTypeDefaultDescription
colorSeparatorColor—Border color token. Defaults to {@link SeparatorColor.Muted} (--color-border-strong, SEP-2).
orientationSeparatorOrientation—Axis the rule is drawn along. Defaults to {@link SeparatorOrientation.Horizontal}.
refRef<HTMLHRElement>—Ref to the rendered hr.
Storybook
Interactive examples and edge cases for this component are in Storybook.
DefaultOpens in a new tab
Default
Orientations
Colors
In context
Previous
Separator / Usage
Next
Separator / Accessibility
On this page
Props
Storybook
Default
Orientations
Colors
In context