项目作者: greenyouse

项目描述 :
Material Design bottom-nav https://material.io/guidelines/components/bottom-navigation.html
高级语言: HTML
项目地址: git://github.com/greenyouse/bottom-nav.git
创建时间: 2017-01-20T21:14:24Z
项目社区:https://github.com/greenyouse/bottom-nav

开源协议:MIT License

下载


\ Published on webcomponents.org

Bottom navigation for mobile that follows the Material Design specification.

  1. <bottom-nav shadow>
  2. <bottom-toolbar selected="0">
  3. <bottom-tab selected-class="grey" label="Movies & TV" icon="notification:ondemand-video"></bottom-tab>
  4. <bottom-tab selected-class="green"label="Music" icon="image:music-note"></bottom-tab>
  5. <bottom-tab selected-class="brown"label="Books" icon="icons:book"></bottom-tab>
  6. <bottom-tab selected-class="darkbrown" label="Newstand" icon="av:web"></bottom-tab>
  7. </bottom-toolbar>
  8. </bottom-nav>
  9. <sample-content size="10"></sample-content>

Installation

  1. $ bower install greenyouse/bottom-nav --save

Import

  1. <link rel="import" href="/bower_components/bottom-nav/bottom-nav.html">
  2. <link rel="import" href="/bower_components/bottom-nav/bottom-toolbar.html">
  3. <link rel="import" href="/bower_components/bottom-nav/bottom-tab.html">

Credits

This is a fork of paper-tabs and app-layout.