This repository has been archived by the owner on Jan 13, 2025. It is now read-only.
Closed
Description
Spec reference: https://material.io/go/design-bottom-navigation
Useful for mobile-specific sites and layouts.
Copied from google/material-design-lite#4502 @
Activity
AriasBros commentedon Apr 7, 2018
https://docs.google.com/document/d/1N2f0z-HI1xpiYbiYQF-PrkvELJ3vv2Q-VrmAMzIapBU/edit?usp=sharing
I need this component, so I could start its development. What do you think?
AriasBros commentedon Apr 11, 2018
I wrote a first functional implementation:
https://github.com/AriasBros/material-components-web/tree/dev/packages/mdc-bottom-navigation
There is still dealing with snackbars, dialogs and ripples.
Please, give me some feedback so I can go forward with more documentation and tests or if on the contrary, I must change something in the current implementation. Any advice or suggestion is welcome.
neves-io commentedon Jun 1, 2018
Hi @AriasBros I'm keen to test this out for you, as I've got a little project that this would be perfect for. I'm having trouble getting this running though. If you're able to talk me through getting it running I can test it out for you. (Warning I'm a bit of a newbie with web components, but very willing to learn!)
ChristianHardy commentedon Oct 3, 2018
White smoke here?
Download commentedon Nov 12, 2018
For an item pretty essential to every app (navigation component) this issue has been open for a very long time. Is there a progress update on this?
What is Google doing internally? Just not using bottom app bar in websites? I think Google often goes native apps on mobile so maybe that is why this component does not get any love on the web?
richturner commentedon Feb 8, 2019
I came across the following codepen whilst trying to track progress:
https://codepen.io/eskimojo14/pen/PEVjBJ
Don't know how well it follows the material design guidelines and cannot find anything else about it or the author.
samuel-fonseca commentedon Feb 8, 2019
@richturner that actually seems to be a pretty good partial fix. If you look at the documentation for the bottom navigation bar it fits - mostly - the description and guidelines set by Material Design.
Will have to try and implement it until they release a patch for this.
16 remaining items