Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA context menu drawn as a ring around the pointer: right-click or long-press to open, release over a wedge to choose, and the Menu key opens it from the keyboard.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it on a canvas, board, map or file tile where actions depend on what is under the pointer. Use ContextMenu for long action lists.
| Prop | Type | Default | Description |
|---|---|---|---|
items | see PieMenu | - | The wedges. |
label | string | - | Names the menu. |
onSelect | (item) => void | - | Runs when a wedge is chosen. |
size / hole | number | 232 / 72 | Ring size in pixels. |
longPressMs | number | 450 | Touch hold time. |
disabled | boolean | false | Leave the browser's own menu alone. |
...div props | ComponentProps<'div'> | - | Everything else goes to the area. |
The area has tabindex=0, aria-haspopup=menu and aria-keyshortcuts. The ring is portalled to the document and clamped inside the viewport. With a mouse, releasing the right button over a wedge chooses it; releasing in the middle keeps the ring open for clicking.