Layout v1.0.0

Divider

A visual separator for content sections. Supports horizontal and vertical orientations, solid/dashed/dotted line variants, configurable spacing, and an optional centered text label.

Preview & Code

Options

Name Type Default Description
orientation Symbol :horizontal Divider direction: :horizontal or :vertical
label String Optional centered text label displayed on the divider line
variant Symbol :solid Line style: :solid, :dashed, or :dotted
spacing Symbol :md Vertical (or horizontal for vertical orientation) spacing: :sm, :md, or :lg
class String "" Additional CSS classes to apply

Changelog v1.0.0

- Initial release with horizontal and vertical orientations
- Solid, dashed, and dotted line variants
- Optional centered text label
- Configurable spacing (sm, md, lg)

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now