React building block of a dropdown.


stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
Minified + gzip package size for @atlaskit/droplist-item in KB


AtlasKit component registry Commitizen friendly semantic-release Report an issue Ask in our forum


This is a basic building block of a dropdown's list. Use it if you want to build your own version of a droppable component with list of items.

Example item

Try it out

Interact with a live demo of the @atlaskit/droplist-item component.


npm install @atlaskit/droplist-item

Using the component


This package exports the @atlaskit/droplist-item React component.

Import the component in your React app as follows:

import Item from '@atlaskit/droplist-item';

ReactDOM.render(<Item>Some awesome text</Item>, 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.

Community support

Ask a question in our forum.

Check if someone has already asked the same question before.

Create a support ticket

Are you in trouble? Let us know!

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.