Context Menu

Display contextual actions on right-click.

Installation

Terminal window
pnpm add @base-ui/react motion

Examples

Build this component with Yumma CSS & Base UI.

Base

Right click here

Icons

Add an icon to each menu item.

Right click here

Grouped

Organize items into labeled sections with Group & GroupLabel.

Right click here

Checkboxes

Toggle multiple options independently with CheckboxItem.

Right click here

Radios

Select 1 option from a set with RadioGroup & RadioItem.

Right click here

Nested

Open a nested submenu with SubmenuRoot & SubmenuTrigger.

Right click here

Static

Open & close the menu instantly, without animation.

Right click here

API Reference

Check out the Base UI documentation for more information.