Mobile Nav
A fixed bottom navigation bar for mobile apps with three variants: default (opaque + border), floating (pill shape), and glass (frosted).
core/mobile-navInstallation
1 · Add registry to components.json
2 · Install component
Examples
Default
A four-tab bottom nav inside a contained preview.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "floating" | "glass" | "default" | Visual style of the nav container. |
size | "sm" | "default" | "lg" | "default" | Controls icon and label sizes. |