Components

Table of Content

Table of Content

Table of Content

Bottom sheet

Bottom sheet

Types



Purpose

A bottom sheet surfaces contextual actions or content without leaving the current screen. Use it for quick tasks, previews, or to show additional options related to the current view.



Elevation


The bottomsheet is designed to appear from the bottom to top and overlap the dark overlay which appears above the screen simultaneously.



Alignment

Keep left alignment as the standard for all content except for the animations or images on top.

slice design handbook

made with ❤️ and ☕️

slice design handbook

made with ❤️ and ☕️

slice design handbook

made with ❤️ and ☕️

Create a free website with Framer, the website builder loved by startups, designers and agencies.