[Docs] Support for Bottom bar?

[nikos]

Is there currently a way, which allows to implement a bottom bar (specifically in a mobile app scenario), as described in the Material Design structure documentation to ensure a tool bar is rendered at the very bottom of the screen (fixed)?

[mbrookes]

Material-UI doesn't provide layout per-se (although some comes for free with the natural positioning of AppBar & LeftNav), however this is easily achievable with flexbox or other layout approaches. Search issues for suggestions.

[nikos]

Hi Matt, sorry when searching for similar issues, all I can find are open feature requests, like #282 (Bottom Sheet component) and #2126. Could you please share a starting point what you mean regarding how to achieve a bottom bar with the help of flexbox?
Thanks, Niko

[mbrookes]

There isn't a fully worked example, but plenty of suggestions for layout resources: #3066

Thinking about it, you could also use the Snackbar code as a starting point to build your own component. Let us know if you come up with something reusable!

[ShallmentMo]

@nikos do you have any idea how to do this now? I am facing the same problem, too. Thanks

[nikos]

@ShallmentMo kind of, I took the "Left Nav" and modified the CSS and mouse position changes to work with a bottom bar, please have a look and if you find problems I would love to get feedback and suggestions on how to improve it.

[ShallmentMo]

@nikos It seems to be OK! Thanks a lot

[Sharper044]

Or set in the styles object in the file to have top: 'auto'. That will override the top: 0 command and let you use bottom: 0 no problem.

[mbrookes]

Locking as outdated (this is from 2016).

In v1 we have [Bottom Navigation](https://material-ui.com/demos/bottom-navigation/], Grid layout, and page layout examples, so the original question and responses are no longer valid.