Create Next App

Divider

A simple yet flexible divider component for visual content separation

Variant

Orientation

A simple horizontal divider separating content sections. Use this to create visual separation between different areas of your interface.

Content above

Content below

Dividers support three distinct pattern styles: solid for continuous lines, dashed for rectangular segments, and dotted for circular dots.

Solid

Dashed

Dotted

Vertical dividers separate side-by-side content. All pattern variants work in both horizontal and vertical orientations.

First

Second

Third

Fourth