1

What is the correct term for the type of menu that is used for Slack's emoji reaction picker on mobile devices? The menu comes up from the bottom, can be pulled further up to the top of the page, and will "rubber band" back down to close itself once it's been dragged down past a certain threshold with your finger. Are there other examples in the wild that I can reference? Are there any web app-based (HTML/CSS/JS) implementations similar to this that I can take a look at?

Slack reaction menu

1 Answer 1

3

It called bottom drawer/bottom sheet

Many apps used to present dropdown lists on separate pages a few years ago, but now the majority of apps use the bottom drawer with a drag gesture. We can use it to convey important information while maintaining the context of the current screen. It appears as an overlay, allowing the user to concentrate on a single, self-contained task. It is highly used in mobile apps.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.