Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

Investigate making Bottom Navigation Component  #59

Closed
@traviskaufman

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

added this to the Post-Release milestone on Dec 5, 2016
changed the title Implement Bottom Navigation v2 Component Implement Bottom Navigation Component on Dec 19, 2016
changed the title Implement Bottom Navigation Component Investigate making Bottom Navigation Component on Jan 23, 2018
AriasBros

AriasBros commented on Apr 7, 2018

@AriasBros

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

AriasBros commented on Apr 11, 2018

@AriasBros

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

neves-io commented on Jun 1, 2018

@neves-io

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!)

removed this from the Post-Release milestone on Aug 17, 2018
ChristianHardy

ChristianHardy commented on Oct 3, 2018

@ChristianHardy

White smoke here?

Download

Download commented on Nov 12, 2018

@Download

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

richturner commented on Feb 8, 2019

@richturner

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

samuel-fonseca commented on Feb 8, 2019

@samuel-fonseca

@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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    Unresolved (Archived)Open and unresolved issues and PRs that were closed due to archiving the repository.backlognew-component

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      Investigate making Bottom Navigation Component · Issue #59 · material-components/material-components-web