Divider

atom

Horizontal or vertical separator line for sectioning related content. Supports an optional centred label.

"Add a Divider from lucent-ui between two form sections. Use the label prop to show the text 'OR'."

Usage

React / JSX

import { Divider } from 'lucent-ui'

<Divider orientation="horizontal" label="Divider" />

pnpm add lucent-ui

Divider props — * required

Prop	Type	Default	Description
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`	Direction of the divider line.
`label`	`string`	—	Optional text centred on the divider line.