IconTabBar

Vertical icon-and-label tab list with full ARIA tablist semantics and arrow-key navigation. Used as the left rail of panel surfaces.

Preview

Usage

import { IconTabBar } from '@ramtt/ui'

<IconTabBar
  tabs={[{ id: 'workouts', label: 'Workouts', icon: <Icon /> }]}
  activeTab={tab}
  onTabChange={setTab}
/>

Props

Prop	Type	Default	Description
tabs*	`IconTabBarItem[]`	—	Tab definitions (id, label, icon)
activeTab*	`string`	—	Currently selected tab id
onTabChange*	`(id: string) => void`	—	Called when a tab is selected
className	`string`	—	Additional Tailwind classes