Skip to main content

Introduction

Welcome to React Material Bottom Sheet!

This library provides a React component that mimics the Android Material Design bottom sheet behavior, with smooth animations, drag support, and customizable snap points.

What is a Bottom Sheet?​

A bottom sheet is a modal that slides up from the bottom of the screen, often used to display additional content or actions without navigating away from the current screen.

Key Features​

  • Material Design compliant animations and styling
  • Touch and mouse drag support
  • Configurable snap points
  • Velocity-based fling to close
  • Keyboard accessibility (Escape to close)
  • TypeScript support
  • Lightweight and performant

Get started with the Getting Started guide.