Skip to content

Divider ​

Props ​

PropTypeDefaultOptionsDescription
decorativebooleantruetrue, falseWhen true, hide from assistive technology (typical layout lines). When false, expose as a separator
ariaLabelstring""—Only when decorative is false: accessible name for the separator
size"s" | "m" | "l""m"s, m, lStroke weight of the rule
orientation"horizontal" | "vertical""horizontal"horizontal, verticalAxis of the rule. Vertical needs a defined height on the parent (for example flex or grid).
shapestring"round"round, squarePill caps vs square ends
appearance"solid" | "dashed" | "dotted" | "double""solid"solid, dashed, dotted, doubleLine style on the stroke (border-style on the active edge)
testSelectorsTestSelectorsPropSee Test Selectors—Overrides stable data-test values.

See Component API — Props.

Slots ​

This component has no slots.

See Component API — Slots.

Test Selectors ​

AttributeDefault Value
rootcatnip-divider

See Component API — Test selectors.

Catnip Design System by Signicat