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

Robert Welti shared this question 13 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

The same question

Comments (2)

Danielle Schneider ● 13 months ago

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.

Files: BottomBar.vp.zi...

Reply URL

Robert Welti ● 13 months ago

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. :-)

Reply URL