Back to components
UI component

Divider

Thin horizontal or vertical divider line with optional label inset.

Install

What it does

  • Horizontal and vertical orientation
  • Optional centered label with line inset
  • Custom color

When to use

Use it

Section separation in forms, lists, settings pages, content sections.

Skip it

Whitespace-based separation (use margin/padding instead).

Files & routes added

  • components/ui/divider.tsx

Related components