Layout & Structure

Separator

A thin line (or gap) for dividing content into visually distinct groups.

Install

import { Separator } from 'vael-ui'

Left

Right

orientation

import { Separator } from 'vael-ui'

<Separator orientation="horizontal">Separator</Separator>

Name	Type	Default	Description
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`
`ui`	`Partial<{ root: UiPartValue; line: UiPartValue; text: UiPartValue; }> \| undefined`

Name	Type	Description
`default`	`any`	Optional label centered in the line, e.g. "OR". Plain divider without it.

No events.

Name	Type	Description
`el`	`HTMLElement \| null`