React component that is enabled by pressing 'space' or 'enter', or by clicking on it.


1.1.45 years ago5 years agoMinified + gzip package size for @atlaskit/droplist-trigger in KB


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


This is one of the building blocks of dropdowns and it gets activated by pressing "space" or "enter", or by clicking on it.

Example trigger

Try it out

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


npm install @atlaskit/droplist-trigger

Using the component


This package exports the ak-droplist-trigger React component.

Import the component in your React app as follows:

import Trigger from '@atlaskit/droplist-trigger';

const callback = () => {
  // all the action should be happening in this callback

ReactDOM.render(<Trigger onActivate={callback}>Some awesome text</Trigger>, 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.