Page

Horizontal

A simple horizontal separator for dividing sections.

Section 1: Above the separatorSection 2: Below the separator

Vertical

Vertical separators for inline content separation.

HomeProductsAboutContact

Variant

Different visual styles using the variant prop.

base (default)
soft

Size

Different separator thicknesses using the size prop.

md (1px)
sm (0.5px)

Mixed

Different visual styles using the variant prop.

base (default) - md (1px)
base (default) - sm (0.5px)
soft - md (1px)
soft - sm (0.5px)