Separator
Visually or semantically separates content
SSR mode
Examples
Horizontal (default)
Content above
Content below
Vertical
Left
Right
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| Separator | Thin decorative line that spans the full width (horizontal) or height (vertical) of its parent. Emits role="none" and a data-orientation attribute consumed by the utility classes. |
Separator
Thin decorative line that spans the full width (horizontal) or height (vertical) of its parent. Emits role="none" and a data-orientation attribute consumed by the utility classes.
| Property | Type | Required | Description |
|---|---|---|---|
| Orientation | SeparatorDirection | Axis of the line. Default: SeparatorDirection.Horizontal. Other value: Vertical. | |
| ClassName | string? | Extra CSS classes appended to the separator element. | |
| AdditionalAttributes | Dictionary<string, object>? | Captured unmatched attributes, forwarded to the separator element. |