Layout

Divider

A horizontal or vertical rule, optionally with centered label text.

vue
<UiDivider />

Options

One block per prop — what it does, and what it looks like set.

Orientation

orientation runs the rule horizontally — the default — or vertically. A vertical divider needs a parent with a height to fill, since it takes its length from the row it sits in.

Above

Below

Examples

The component in real use: compositions that answer "how do I build X with this", rather than one prop at a time.

`orientation="vertical"`

Left

Right

API Reference

Generated from the component's source — props, slots and emits as the component actually declares them.

Props

Prop
Type
Default
Description
"horizontal" | "vertical"
'horizontal'
The orientation of the Divider.