Mobile Nav

Import

import {MobileNav} from '@astryxdesign/core/MobileNav';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

A slide-out drawer for mobile navigation. MobileNav is the mobile counterpart to SideNav and accepts the same children. Use it on narrow viewports where a persistent sidebar is ...

Important props

Theming targets

Best practices

• DoShare the same nav items between MobileNav and SideNav by extracting them into a variable.
• DoProvide a header when the drawer's purpose is not obvious from its content.
• DoInside AppShell, use MobileNavToggle to open the drawer; it reads state from context. Do not pass isOpen/onOpenChange to the toggle.
• Do notUse MobileNav on desktop: use a persistent SideNav instead.