Use this component in a dropdown list when you need to group relevant items together under the same heading
Try it out
Interact with a live demo of the @atlaskit/droplist-group component.
npm install @atlaskit/droplist-group
Using the component
This package exports the @atlaskit/droplist-group React component.
Import the component in your React app as follows:
import Item from '@atlaskit/droplist-item'; import Group from '@atlaskit/droplist-group'; ReactDOM.render(<Group heading="Australia"> <Item>Sydney</Item> <Item>Melbourne</Item> <Item>Canberra</Item> </Group>, container);
Support and feedback
We're here to help!
Let us know what you think of our components and docs, your feedback is really important for us.
Ask a question in our forum.
Create a support ticket
Are you in trouble? Let us know!