Skip to main contentCarbon Design System

Menu buttons

Preview the menu button, combo button, and overflow menu component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.

Documentation

Menu button

React
react icon
Web Components coming soon
webcomponents icon
Angular (Community) coming soon
angular icon
Vue (Community) coming soon
vue icon

Combo button

React
react icon
Web Components coming soon
webcomponents icon
Angular (Community) coming soon
angular icon
Vue (Community) coming soon
vue icon

Overflow menu

React
react icon
Feature flag
Web Components coming soon
webcomponents icon
Angular (Community) coming soon
angular icon
Vue (Community) coming soon
vue icon

Feature flags

A feature flag has been added to the overflow menu variant of menu buttons to improve accessibility and changes parts of its functionality, not its visual appearance. For more code-specific feature flag information, refer to the @carbon/react framework.

The 

enable-v12-overflowmenu
flag improves accessibility by more closely following the APG pattern for Menu and supports all the new Menu primitives.

Live demo

      This live demo contains only a preview of functionality and styles available for this component. View the full demo on Storybook for additional information such as its version, controls, and API documentation.

      Edit this page on GitHub
      Previous
      Menu buttons: Style
      Next
      Menu buttons: Accessibility