DDS/Components/Separator

Separator

Display

A visual divider between sections of content.

Playground

Controls

Direction.

Props

PropTypeDefaultDescription
orientation'horizontal' | 'vertical''horizontal'Orientation of the separator.

Examples

Horizontal
vue
<DsSeparator orientation="horizontal" />
Vertical
vue
<DsSeparator orientation="vertical" />

Accessibility

  • Has role="separator" and aria-orientation.