A circular context menu built with Base UI, displaying actions in a clean radial layout with full keyboard support and smooth interaction.
Made by arhamkhnzInstallation
Usage
API Reference
RadialMenu
| Prop | Type | Default |
|---|---|---|
children? | React.ReactNode | - |
menuItems | MenuItem[] | - |
size? | number | 240 |
iconSize? | number | 18 |
bandWidth? | number | 50 |
innerGap? | number | 8 |
outerGap? | number | 8 |
outerRingWidth? | number | 12 |
onSelect? | (item: MenuItem) => void | - |
Credits
- Credits to Jay for this X post as inspiration