Bottom Navigation
Mobile-style bottom tab bar with icon + label. Use on narrow viewports as the primary navigation.
import
{ BottomNavigation } from "@pepulux/ui"Default
Icons only (no labels)
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items* | BottomNavItem[] | — | Array of { value, label, icon, badge? } |
| value | string | — | Currently active tab value |
| onChange | (value: string) => void | — | Called on tab change |
| showLabels | boolean | true | Toggle label text visibility |