Mobile Nav
@astryxdesign/core v0.7.1 · MobileNav
MobileNav Props
| Name | Type | Default | Description |
|---|---|---|---|
isOpen | boolean | false | Open state for v-model:is-open. |
header | string | - | Drawer title. The header slot can replace it. |
width | number | 320 | Drawer width in pixels. |
side | 'start' | 'end' | 'auto' | 'auto' | Which edge the drawer enters from. |
label | string | The title, or localized “Navigation” | Accessible name when there is no title. |
MobileNav events
| Name | Description |
|---|---|
update:isOpen | Open state change for v-model:is-open. |
openChange | Fired whenever the open state changes. |
MobileNavToggle Props
| Name | Type | Default | Description |
|---|---|---|---|
isOpen | boolean | false | Shares v-model:is-open with the drawer. |
label | string | “Close” while open, otherwise “Open menu” | Accessible name of the button. |
controls | string | - | Drawer id written to aria-controls. |