Skip to content
PixeloreUI
Surface

Separator

A 4px solid divider drawn in the border token colour. Use it sparingly — the bevelled edges of Card already separate most content.

Horizontal

Inventory

Equipment

Vertical

ATK 12
DEF 8
SPD 6

Accessibility notes

  • Renders as role=“none” by default (decorative). Set decorative={false} when the separator carries semantic meaning (e.g. between distinct landmark regions); the underlying Radix Separator then exposes the correct ARIA role.