Mobile Bottom Nav
Mobile bottom navigation with icons, badges and an optional raised center action.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
MobileBottomNavProps
Also accepts all props of Omit<React.ComponentProps<"nav">, "children" | "defaultValue" | "onChange">
| Prop | Type | Default | Description |
|---|---|---|---|
| items* required | BottomNavItem[] | — | — |
| value | string | — | — |
| defaultValue | string | — | — |
| onValueChange | (id: string) => void | — | — |
| fab | BottomNavFab | — | Raised action button inserted in the middle |
Install
$ npx shadcn@latest add https://chromotion.dev/r/mobile-bottom-nav.json