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
sizestring"m"s, m, lStroke weight of the rule
verticalbooleanfalsetrue, falseWhen true, vertical rule (height from parent); when false, horizontal (full width of container)
shapestring"round"round, squarePill caps vs square ends
variantstring"solid"solid, dashed, dotted, doubleLine style on the stroke (border-style on the active edge)
testSelectorsobjectSee Test SelectorsOverride data-test attributes for testing

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