Layout
Dividers
Section separators — plain, labeled, dotted, dashed, and decorative.
Looking for the Separator primitive? See Components › Cards.
Simple
Plain horizontal rule using the Separator primitive.
Open
With label
Centered label flanked by horizontal lines.
Open
With label left
Left-aligned label with a trailing rule.
Open
With icon
Icon-in-pill divider for editorial layouts.
Open
With button
Inline action button between two rules.
Open
Dotted
Dotted horizontal rule.
Open
Dashed
Dashed horizontal rule.
Open
Gradient
Soft fade-out gradient rule.
Open