A thin divider between content, horizontal or vertical, decorative by default or exposed to assistive technology when it marks a real grouping.

import { Separator } from "@plexui/vue/components/Separator";

Examples

API

Prop	Type	Default	Description
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`	Direction of the divider
`decorative`	`boolean`	`true`	When `true`, the separator is ignored by assistive technologies. Set `false` when the divider carries semantic grouping (renders `role="separator"`).
`class`	`string`		Applied to the root `<div>`

All other <div> attributes are forwarded. Built on Reka UI Separator.

Colors and thickness are controlled by component tokens:

Override them at any scope to change the divider's look:

.my-section {
  --separator-color: var(--color-border-strong);
  --separator-thickness: 2px;
}