Bottom Navigation

Each BottomNavItem needs a unique Value and a visible Label. The active item is the one whose Value matches the bar's Value — it is never derived from the URL. Fixed is on by default; it is turned off here so the bar stays inside the preview.

Bind Value and render the matching screen above the bar. OnClick fires on every activation, including a tap on the already-active item — useful for "scroll to top" or "mark as read" behaviour. Wrap an icon in NotificationBadge for an unread count.

Set Href and the item renders an <a> with native link navigation. The bar still does not track the URL, so set Value from the current route yourself. Leave Fixed on for a real layout and reserve space below the page content — the bar is 56px tall plus the safe-area inset.