Skip to main contentCarbon Design System

Overflow menu

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

Documentation

Live demo

<OverflowMenu
data-floating-menu-container
selectorPrimaryFocus={'.optionOne'}
>
<OverflowMenuItem
className="optionOne"
itemText="Option 1"
/>
<OverflowMenuItem
className="option-two"
itemText="Option 2 is an example of a really long string and how we recommend handling this"
requireTitle
/>
<OverflowMenuItem itemText="Option 3" />
<OverflowMenuItem itemText="Option 4" hasDivider/>
</OverflowMenu>
OverflowMenuItem
Modifiers