How to Create an Ionic Bottom Drawer with Gestures [v5]

ionic-bottom-drawer

Did you ever saw a bottom drawer and asked yourself wether this is possible with your favorite framework? Turns out it is!

In this Quick Win we will implement an Ionic bottom drawer component that you can easily add to your own application.

ionic-bottom-drawer

The drawer can be opened with gestures, and we will also create a simple logic to show and hide a backdrop to make the Ionic bottom drawer stand out even more.

A big thanks also to Aaron Saunders who created a somewhat similar tutorial for React, from which I’ve used some parts as inspiration!


The full quick win with snippets is only available to Ionic Academy members.
Join now for

  • Unlimited access to all quick wins
  • Library of 40+ step-by-step video courses
  • Support for Ionic questions via Slack & private community

Join now & Unlock

Current member? LOGIN