Skip to main contentCarbon Design System

Dropdown

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

Documentation

Live demo

<div style={{width: '300px', height: '100px'}}>
<Dropdown
ariaLabel="Dropdown"
id="carbon-dropdown-example"
items={items}
label="Dropdown menu options"
titleText="Dropdown title"
/>
</div>
Modifiers
size

Sample data

const items = [
{
id: 'option-1',
label: 'Option 1',
},
{
id: 'option-2',
label: 'Option 2',
},