Pepulux Playbook

Divider

Visual separator for horizontal or vertical content areas. Supports an optional center label.

import{ Divider } from "@pepulux/ui"

Horizontal

Content above

Content below

With label

OR
Section title
Right aligned

Vertical

Left
Right

Props

PropTypeDefaultDescription
orientation"horizontal" | "vertical""horizontal"Direction of the divider
labelstring—Optional text in the middle of the line
labelAlign"left" | "center" | "right""center"Text position along the line
Base component → Dividerswww.pepulux.com

Notes and documentation

Space for notes, documentation, and best practices for using these components.

A quiet line

Dividers separate groups of content. Prefer spacing when groups are already clear, and use a divider when the grouping needs reinforcing.