KB-109 · IRIS/MENU
Iris Menu
Actions bloom from where you pressed — items launch from the trigger's center to seats along the freest quadrant's arc, and fold back in on close.
KB-109 · IRIS/MENU
PLATE 22 · f/2.8 · 1/250s
LAST ACTION · READY
Arrow keys rotate the ring
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/iris-menu
Props
- items
- IrisMenuItem[]
- default —
- Up to six: { id, icon, label, onSelect, disabled?, destructive? }.
- placement
- "auto" | quadrant
- default "auto"
- Auto measures the viewport and blooms into the roomiest quadrant.
- radius
- number
- default 84
- Distance from trigger center to each seat.
| Prop | Type | Default | Description |
|---|---|---|---|
| items | IrisMenuItem[] | — | Up to six: { id, icon, label, onSelect, disabled?, destructive? }. |
| placement | "auto" | quadrant | "auto" | Auto measures the viewport and blooms into the roomiest quadrant. |
| radius | number | 84 | Distance from trigger center to each seat. |