navigation/@mihcm/ui·v0.21.0·stable
Tabs
Controlled tabbed interface with full keyboard navigation. Composable: Tabs, TabsList, TabsTrigger, TabsContent.
Props
The full prop API for Tabs. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
value | string | — | Active tab value. Required. | 0.5.0 |
onValueChange | (value: string) => void | — | Called when the active tab changes. Required. | 0.5.0 |
variant | 'default' | 'underline' | 'pills' | 'default' | TabsList visual style. | 0.5.0 |
layout | 'equal' | 'intrinsic' | 'equal' | TabsList sizing mode. `equal` keeps tab positions stable while the active tab changes. | 0.10.1 |
Import
import { Tabs, TabsList, TabsTrigger, TabsContent } from '@mihcm/ui/Tabs';