Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA two-part menu editor: tick pages in a list, add them to the menu, then arrange the menu as a sortable tree and remove entries. Use this when editors assemble a site menu from existing pages.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it for website and app menus assembled by editors from a known set of pages.
Do not use it when the menu is generated from the file system (use route-tree-explorer to inspect it) or when entries are free-form links.
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 |
|---|---|---|---|
pages | Page[] | - | { id, title } of every page that can be added. |
menu | TreeNode[] | [] | The starting menu. |
onMenuChange | (menu) => void | - | Called after every change. |
sortable-tree: drag, or Alt with the arrow keys.The pattern ships with a Testing Library test (menu-builder.test.tsx) that covers listing, adding, removing and keyboard reordering.