Mobile-first navigation bar. Maximum 5 items — more than that and the touch target drops below 44 px. Desktop layouts swap this for sidebar-nav.
Screen content.
tsx · Layout.tsx
<BottomTab
tabs={[
{ label: 'Home', icon: 'home', href: '/' },
{ label: 'Play', icon: 'boule', href: '/play' },
{ label: 'Live', icon: 'live', href: '/live' },
{ label: 'Profile', icon: 'user', href: '/profile' },
]}
/>
Used in: app