Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA slide-in navigation drawer with a user header, grouped links with the current page marked, a Sign out button and an edge swipe that opens it. Use this when your phone app has more destinations than a tab bar can hold and a menu is the way to reach them.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it when your phone app has more destinations than a tab bar can hold and a menu is the way to reach them.
Do not use it for the three to five main destinations (use a tab bar) or on desktop, where a sidebar is better.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
groups | NavGroup[] | required | { label, items: { id, label, icon, href }[] }. |
current | string | required | Id of the current page. |
user | { name: string; email: string } | required | Shown in the header. |
onSignOut | () => void | required | Sign out. |
aria-current="page".The pattern ships with a Testing Library test (drawer-navigation-menu.test.tsx) that drives it through roles and the keyboard.