NewNavigation · added Sep 21

Menu Dock

A dock that grows into its own menus, nested as deep as you need.

Install it in one line

npx devignerui add menu-dock

Writes components/ui/menu-dock.tsx and lists what it needs.

First time here

npx devignerui init

Or by hand

<MenuDock items={items} />

<MenuDock items={items} renderIcon={({ defaultIcon }) => <span>{defaultIcon}</span>} />

items-

MenuDockItem[]

Dock items.

active-

string

Active item ID.

path-

number[]

Controlled path.

onNavigate-

function

Path callback.

renderIcon-

function

Icon slot.

classNames-

MenuDockClassNames

Slot classes.

slotProps-

MenuDockSlotProps

Slot attributes.