Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA menu button that opens the navigation tree in a side sheet and closes it when a page is chosen. Use this when the sidebar tree must collapse into a drawer on small screens.
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 for the narrow-screen version of a docs, shop or admin sidebar that has sections and pages.
Do not use it for a menu of five links (show them inline) or for app navigation that should always be visible (use a tab bar).
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 |
|---|---|---|---|
nodes | TreeNode[] | - | The navigation. |
currentHref | string | - | The current page. |
onNavigate | (node, event) => void | - | A link was activated; the sheet closes after it. |
title | string | "Menu" | Sheet title and tree name. |
triggerClassName | string | - | Class for the button. |
The pattern ships with a Testing Library test (mobile-nav-sheet.test.tsx) that covers opening, closing on a link and on Escape, and the focus return.