Separator
A visual divider that separates content into distinct sections, with support for horizontal and vertical orientations.
Horizontal
Section 1
This is the first section of content.
Section 2
This is the second section of content.
Vertical
Home
About
Services
Contact
Orientation Variants
Horizontal Separators
Content above separator
Content below separator
Vertical Separators
LeftCenterRight
Accessibility Variants
Decorative Separator (default)
This separator is purely visual
Content continues below
Semantic Separator
This separator has semantic meaning
Distinctly separate content section
Custom Styling
Default Separator
Custom Colored Separator
Thicker Separator
Vertical Custom Styling
Item 1Item 2
Was this helpful?