Separator

Separators create visual breaks between content sections. Prizma offers a plain horizontal rule and a labeled variant — commonly used to separate primary and alternative authentication methods.

Variants

Plain rule.separator

A horizontal rule between content sections.

Labeled.separator--label

Splits alternatives — an Or between two auth methods.

Dashed.separator--dashed

Lighter division inside a single section.

Tokens

TokenRoleLayer

--separator-line-colorHorizontal rule colorComponent

--separator-text-colorLabel text colorComponent

--separator-gapGap between line and labelComponent

Component tokens

The color tokens for this component live in Color → Tokens, and its spacing, radius, and type map to the shared foundation scales.