Navigation

Bottom Nav

A primary navigation pattern for mobile apps, anchored to the bottom of the screen for easy thumb access.

Device Simulator

Props

Prop	Type	Description
`items`	`BottomNavItem[]`	Array of items with id, label, and icon
`activeId`	`string`	The ID of the currently selected tab
`onChange`	`(id: string) => void`	Callback when a tab is pressed
`className`	`string`	Additional container styles

$npx kachindo-ui add bottom-nav