paperfire-labeled-icon
A simple material designed element to use icons in tabs and bottom-navigation
[ This description is mirrored from README.md at github.com/PaperfireElements/paperfire-labeled-icon on 2019-05-10 ]
<paperfire-labeled-icon>
An element following material design for bottom navigation
<paperfire-labeled-icon label="Gallery" active><svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="#000000" d="M13,3V9H21V3M13,21H21V11H13M3,21H11V15H3M3,13H11V3H3V13Z" />
</svg></paperfire-labeled-icon>
<paperfire-labeled-icon label="Content" ><svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="#000000" d="M4,5V7H21V5M4,11H21V9H4M4,19H21V17H4M4,15H21V13H4V15Z" />
</svg></paperfire-labeled-icon>
Designed to work with iron-icon
and iron-selector
Install the Polymer-CLI
First, make sure you have the Polymer CLI installed. Then run polymer serve
to serve your element locally.
Viewing Your Element
$ polymer serve
Running Tests
$ polymer test
Your application is already set up to be tested via web-component-tester. Run polymer test
to run your application's test suite locally.
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
Polymer/polymer#^2.0.0
- Released
- 2017-10-05
- Maturity
- TESTED
- License
- Other
Compatibility
- Framework
- Polymer 2.0+
- Browser
- Browser Independent