[context menu] composition with menu
- Dominant language
- TypeScript
- Stars
- 10.9k
- Forks
- 543
- Avg merge
- 1d 20h
- Merged PRs (30d)
- 101
Description
# Feature request
## Summary
After trying out the [Menubar](https://base-ui.com/react/components/menubar) component for the first time, I absolutely fell in love with the composition model and how I can drop my existing (styled) Menu component and use it for a different "modality". It's night and day difference compared to the old world and radix-ui APIs.
Given that in a lot of modern software, a dropdown menu and context menu look visually the same and they only differ in the trigger mechanism, has anyone around here considered to allow using a (styled) Menu as the base for a Context Menu?
## Examples in other libraries
Not another library per se, but I wanted to showcase Linear's Menus and how they are basically the same between context and dropdown. Same goes for other productivity apps like Notion, and bigger players like macOS too!
https://github.com/user-attachments/assets/4bd7b51e-a12e-4e88-b3e7-6356437d02d7
## Motivation
I feel that having a good solution for menu interop and composition would go a long way into developer ergonomics.
Contributor guide
Assessment
This issue has not been assessed yet.