MobileNav
Bottom navigation bar for mobile.
import { MobileNav } from '@ybouhjira/hyperkit';Static examples
This component depends on app-level context (providers, services, or interactive setup) that does not fit the inline playground yet, so its examples are shown as static code.
#Props
| Prop | Type | Default | Description |
|---|---|---|---|
sessions * | MobileNavSession[] | — | — |
activeSessionId | string | — | — |
onSessionSelect | (id: string) => void | — | — |
hideAbove | Breakpoint | — | — |
class | string | — | — |
* required prop.
#Design Tokens
This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.
--sk-bg-primary--sk-border--sk-duration-fast--sk-duration-normal--sk-duration-pulse--sk-ease-default--sk-ease-in-out--sk-error--sk-font-sm--sk-space-md--sk-space-sm--sk-success--sk-text-muted--sk-text-primary--sk-z-sticky