Skip to content

Mobile Nav

@astryxdesign/core v0.7.1 · MobileNav

MobileNav Props ​

NameTypeDefaultDescription
isOpenbooleanfalseOpen state for v-model:is-open.
headerstring-Drawer title. The header slot can replace it.
widthnumber320Drawer width in pixels.
side'start' | 'end' | 'auto''auto'Which edge the drawer enters from.
labelstringThe title, or localized “Navigation”Accessible name when there is no title.

MobileNav events ​

NameDescription
update:isOpenOpen state change for v-model:is-open.
openChangeFired whenever the open state changes.

MobileNavToggle Props ​

NameTypeDefaultDescription
isOpenbooleanfalseShares v-model:is-open with the drawer.
labelstring“Close” while open, otherwise “Open menu”Accessible name of the button.
controlsstring-Drawer id written to aria-controls.