How can I setup a (Material Design) bottom sheet / bottom drawer?

Robert Welti shared this question 12 months ago
Answered

Hi everyone,


I want to build a bottom sheet like this:


https://material.io/design/components/sheets-bottom.html#usage

But so far I could not find a solution since it does not work to be buildt like a side drawer.

I would appreciate your ideas, input or templates.


Thanks a lot!

Robert

Comments (2)

photo
1

Check out the attached prototype. It uses a Dynamic Panel that's pinned to the bottom of the screen. There is one panel for the collapsed drawer, and one panel for the expanded drawer.

photo
1

Thanks a lot, Danielle!


It is not really copying a bottom sheet though, but it helps! I guess I can work with this for now. :-)