ArdoMobileNavigation
On this page
The standard mobile navigation behavior for a site-owned header.
import { ArdoMobileNavigation } from "ardo/ui"
<ArdoMobileNavigation>{children}</ArdoMobileNavigation>
Props
| Name | Type | Required | Description |
|---|---|---|---|
children | ReactNode | Yes | Sidebar or other navigation shown inside the mobile dialog. |
title | string | No | |
logo | ArdoLogo | No | |
nav | ReactNode | No | |
actions | ReactNode | No | |
themeToggle | boolean | No | |
open | boolean | No | Controlled state, for example to close navigation before opening search. |
onOpenChange | (open: boolean) => void | No | |
label | string | No | Accessible name of the trigger; defaults to the configured menu label. |
trigger | ReactNode | No | Trigger content; defaults to the menu icon. |
className | string | No | Additional trigger classes. The trigger follows Ardo's mobile breakpoint. |
Props type: ArdoMobileNavigationProps