Divider

Horizontal separator with an optional centered label. Size prop: xs, sm, md, lg, xl.

Import

Vue

import { UiDivider } from '@ziyarago/ui/vue'

Sizes

or continue with

Vue

<UiDivider size="xs" label="or continue with" />

<UiDivider size="sm" label="or continue with" />

<UiDivider size="md" label="or continue with" />

<UiDivider size="lg" label="or continue with" />

<UiDivider size="xl" label="or continue with" />

Plain

Vue

<UiDivider />

Labeled

or continue with

Vue

<UiDivider label="or continue with" />

API reference

Horizontal separator line with an optional centered label.

Props

PropType and valuesDefaultDescription

labelstring—Text shown in the middle of the line.

sizexssmmdlgxl'md'Label font size and spacing.

Notes

Renders role="separator".