navigation contract
MobileTabBar
Bottom tab bar for mobile-first apps (iOS-style).
Variants
- default
- 3-5 tabs, icons + label
- fab
- Center tab is a Floating Action Button
Sizes
- md
- 56pt height
- lg
- 64pt height
Example
<MobileTabBar><Tab icon={<HomeIcon />} label="Home" /><Tab icon={<SearchIcon />} label="Search" />...</MobileTabBar>Usage rule
role="tablist". 3-5 tabs only — more goes into a More menu.
The full MobileTabBar contract has 5 more rules, plus the do-not patterns. Get the full recipe.