Skip to content
PixeloreUI
Navigation

Tabs

Switch between mutually exclusive views in the same surface. Built on Radix Tabs — arrow keys move focus across tab triggers, Home and End jump to first / last.

Default

HP 50 · MP 12 · ATK 12 · DEF 8 · SPD 6

Disabled tab

Available content.

Accessibility notes

  • Implements the WAI-ARIA Tabs pattern: roving tabindex on the trigger list, automatic activation on arrow keys (configurable to manual via Radix).
  • Each TabsContent is associated with its trigger via aria-labelledby — screen readers announce the relationship.
  • The active panel is focusable. Use this to provide keyboard navigation to content inside (e.g. Tab moves into the panel after the trigger list).
Edit this page on GitHub