Component

Bottom Navigation

Mobile tab bar, fixed to the viewport bottom with safe-area padding.

Basic

Rendered position:relative here for the preview; it is fixed to the viewport in real usage

Pass a composed icon element to show unread counts or alerts.

Prop	Type	Default	Description
items	BottomNavigationItem[]	None	Items with label, icon, optional href, and active state.
renderLink	(item, children) => ReactNode	None	Optional router integration for navigation links.
className	string	None	Additional classes applied to the component root.

itemsNone

BottomNavigationItem[]

Items with label, icon, optional href, and active state.

renderLinkNone

(item, children) => ReactNode

Optional router integration for navigation links.

classNameNone

string

Additional classes applied to the component root.