<app-navigation>

[JosefJezek]

Could you create new element <app-navigation>? Here is Material Design specification...

https://material.google.com/components/bottom-navigation.html

Left navigation on a larger display, such as tablet or desktop with enhancement from site https://console.cloud.google.com

https://material.google.com/components/bottom-navigation.html#bottom-navigation-usage

[blasten]

+1 I think we should have those elements in app-layout. Wdyt @frankiefu @keanulee ?

Related issue: #20

[samthecodingman]

I encountered this problem the other day and built my own element for the bottom navigation component and named it app-bottom-nav. Apart from trouble with assigning CSS Custom Properties (it works, but only when using a * {...} CSS selector.) I intend to work on the app-side-nav to complement it soon. Surprisingly, I got the animations described by the spec to work too - however on really thin viewports it animates a little strange.

WebComponents Link

Personally I also think that having an app-navigation element that handles both the side and bottom navigations would simply be annoying if also working with an app-drawer. Which is why I plan to keep them as separate elements and then maybe have a parent "group" element that just adds the app-side-nav and app-bottom-nav into the DOM.