What are the different types of bottom sheets?

Bottom sheets are supplementary surfaces primarily used on mobile. There are three types suitable for different use cases: Standard bottom sheets display content that complements the screen’s primary content. They remain visible while users interact with the primary content.

What do you need to know about modal bottom sheets?

A user must interact with or dismiss a modal bottom sheet. Their blocking behavior make them suitable for menus, such as in this files app, to help users focus on their available choices. A user can tap an expanding bottom sheet when needed to access its full contents.

Where do I find the bottom navigation drawer?

Bottom navigation drawer (16dp) Menus that are generated by the bottom app bar (such as a bottom navigation drawer or overflow menu) open as bottom sheets at a higher elevation than the bar. This bottom navigation drawer opens from a bottom app bar.

How do you dismiss a modal bottom sheet?

Modal bottom sheets appear when triggered by a user action, such as tapping a button or an overflow icon. They can be dismissed by: Do Tapping the scrim dismisses a modal bottom sheet. Do A modal bottom sheet can be dismissed by swiping the sheet down.

A user must interact with or dismiss a modal bottom sheet. Their blocking behavior make them suitable for menus, such as in this files app, to help users focus on their available choices. A user can tap an expanding bottom sheet when needed to access its full contents.

Bottom sheets are supplementary surfaces primarily used on mobile. There are three types suitable for different use cases: Standard bottom sheets display content that complements the screen’s primary content. They remain visible while users interact with the primary content.

Bottom navigation drawer (16dp) Menus that are generated by the bottom app bar (such as a bottom navigation drawer or overflow menu) open as bottom sheets at a higher elevation than the bar. This bottom navigation drawer opens from a bottom app bar.

Modal bottom sheets appear when triggered by a user action, such as tapping a button or an overflow icon. They can be dismissed by: Do Tapping the scrim dismisses a modal bottom sheet. Do A modal bottom sheet can be dismissed by swiping the sheet down.