+ Menu is the anchored container that manages positioning, anchoring, focus, and
+ open/close behavior. It typically wraps a MenuList, which renders the list of
+ MenuItem options and handles keyboard navigation.
+
Attach the menu to a trigger using anchorEl and control its visibility with open.
Control menu placement with anchorOrigin and transformOrigin.
Communicate state with selected and disabled props on MenuItem.
Constrain menu size with PaperProps and enable keyboard focus with MenuListProps.autoFocusItem.
Use MenuList directly to manage keyboard focus and selection among items without an anchored surface.
Render MenuItem as an anchor by setting component="a" and href.
+ Menu is the anchored container that manages positioning, anchoring, focus, and
+ open/close behavior. It typically wraps a MenuList, which renders the list of
+ MenuItem options and manages their keyboard navigation and accessibility roles.
+
anchorEl and open; handle dismissal via onClose.anchorOrigin and transformOrigin; uses Popover internally.anchorOrigin and transformOrigin.selected/disabled states.PaperProps.aria-haspopup="menu"/aria-controls when applicable.Menu surface hosts a MenuList with role="menu"; items use role="menuitem".MenuItem labels; avoid ambiguous wording.selected, disabled, autoFocus, dense, divider, disableGutters.component="a" with href.MenuItem elements.autoFocus, autoFocusItem, dense, disableListWrap, variant.Menu, or standalone when you don't need an anchored surface. Does not handle positioning or anchoring.role="menu"; ensure correct context and focus return to trigger.
+ Menu is the anchored container (shell) that manages positioning, anchoring,
+ opening/closing, focus management, and transitions. It typically wraps a
+ MenuList, which renders the list of MenuItem options and handles
+ keyboard navigation.
+
+ Menus are anchored to a control (usually a button). Clicking the + control opens the menu. Select an item to perform an action or close + the menu. +
+
+ Use anchorEl and origin props to control where the Menu appears
+ relative to its trigger. Menu uses Popover internally and manages focus
+ and dismissal via open and onClose.
+
+ MenuItem represents an actionable option within a menu. Use props like
+ selected, disabled, and autoFocus to communicate state, or render as a link with
+ component="a" and href.
+
+ MenuList renders the list of options and manages keyboard navigation (Arrow keys, Home/End) and roles
+ (e.g., role="menu"). It does not handle positioning or anchoring—that is the responsibility of Menu.
+ Use it standalone when you need menu-like behavior without a floating surface.
+