Bottom Sheet

The Bottom Sheet can be used to open panels to the bottom of the screen. These panels are intended primarily as an interaction on mobile devices where they can be used as an alternative to dialogs and menus.

View on Storybook

For Blueweb

Example

With fluid height based on content

Storybook failed to load. Please connect to the VPN to access.

Bottom Sheet with fluid height.

With fixed height, header and footer

Storybook failed to load. Please connect to the VPN to access.

Bottom Sheet with fixed height, header and footer.