navigation contract

MobileTabBar

Bottom tab bar for mobile-first apps (iOS-style).

Variants

  • default
  • fab

Sizes

  • md
  • lg

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.

Get the MobileTabBar contract in your project.