Manual Tabs
Tabs with manual activation. Arrow keys (and Home/End) move focus between tabs without changing the shown panel; Enter or Space activates the focused tab. Use this when revealing a panel is expensive, so arrowing through tabs doesn't load each one — focus and selection are decoupled.
- Axe
- Roving
- Focus
Preview
Overview content.
Details content.
Reviews content.
Installation
npx shadcn@latest add https://ui.publictheta.com/r/tabs-manual.jsonConformance
Verified against the @publictheta/ui-spec tabs-manual specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.
- Axe — No WCAG 2 A/AA axe-core violations
- Roving — Exactly one tab stop; Arrow keys move within the widget
- Focus — A visible focus indicator appears on keyboard focus (WCAG 2.4.7)
See the full conformance matrix across all components.