componente · @solu30/ui-kit/navigation
MobileBottomNav
El componente, montado
Cargando el componente del paquete instalado…
Cargando el chunk del paquete instalado…
De dónde se importa
import { MobileBottomNav } from '@solu30/ui-kit/navigation'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| items | sí | MobileBottomNavItem[] | Primary navigation items |
| moreLabel | opcional | string | Label for the "More" overflow button. If omitted, no more button is shown. |
| moreActive | opcional | boolean | Whether the "More" button should appear active |
| moreContent | opcional | React__default.ReactNode | Content rendered inside the "More" bottom sheet (vertical-specific) |
| moreTitle | opcional | string | Title for the more sheet |
| renderLink | opcional | (props: { | Custom link renderer for framework integration (Next.js Link, etc.) |
| href | sí | string | — |
| className | sí | string | — |
| children | sí | React__default.ReactNode | — |
| currentPath | opcional | string | Current URL path for auto-detecting active state via href matching. When provided, a tab with `href` is considered active if `currentPath === href` or `currentPath.startsWith(href + '/')`. Explicit `item.active` takes precedence over path matching. |
| leadingAction | opcional | React__default.ReactNode | Leading action slot — rendered to the left of the tab strip, separated by a vertical divider (e.g., back button or menu toggle). |
| animatedIndicator | opcional | boolean | When `true`, renders a framer-motion `layoutId` spring animated top-bar indicator that slides between active tabs. Imports motion lazily so the framer-motion bundle is tree-shaken when this prop is not used. @default false |
| className | opcional | string | — |