← ui-lab

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.

Preview

Overview content.

Installation

npx shadcn@latest add https://ui.publictheta.com/r/manual-tabs.json

Conformance

This component conforms to the @publictheta/ui-spec manual-tabs specification. Run the suite against any implementation with pnpm conformance.