Separator

A horizontal rule that inherits --border, so it follows the active theme instead of a hardcoded grey

orientation switches between a full-width rule and a full-height divider; the vertical form needs a sized flex parent

default, dashed, dotted and gradient — dashed and dotted swap the background for a border so the dash pattern renders

size sets the rule thickness (sm / md / lg). It is applied through compound variants, so it works with every variant and both orientations

A labelled divider: the separator is split around centred text to break long forms into sections

Vertical separators between inline links, the most common real use outside of forms