app-layout
app-layout copied to clipboard
PolymerElements
<app-navigation>
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
+1 I think we should have those elements in app-layout. Wdyt @frankiefu @keanulee ?
Related issue: https://github.com/PolymerElements/app-layout/issues/20
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.
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.
