shields-badge
A Polymer 2 web component for generating static and dynamic badges using shields.io.
<shields-badge>
<shields-badge> is a Polymer 2 web component for generating badge using shields.io services.
<shields-badge left="shields--badge" right="awesome" style="for-the-badge" color-a="1446A0" color-b="EE4266"></shields-badge>
Getting Started
Using <shields-badge> is simple. Just declare left-side text (remember that if you want a hyphen, you need to put double hyphen there), right-side text, style and the color for both side.
There is also a dynamic badge option.
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#^2.0.0
- Released
- 2018-04-24
- Maturity
- IMPORTED
- License
- Apache License 2.0
Compatibility
- Framework
- Polymer 2.0+
- Browser
- Browser Independent
shields-badge - Vaadin Add-on Directory
A Polymer 2 web component for generating static and dynamic badges using shields.io.Issue tracker
shields-badge version 1.0
### Dependencies
polymer#^2.3.1
* paper-input#^2.0.5
* paper-dropdown-menu#^2.0.1
* paper-listbox#^2.0.0
* paper-item#^2.0.0
* vaadin-dropdown-menu#^1.0.0-alpha7
* vaadin-list-box#^1.0.0-alpha7
* vaadin-item#^2.0.0-alpha3
* paper-swatch-picker#^2.0.1
* web-animations-js#^2.3.1
shields-badge version 1.0.0
### Dependencies
polymer#^2.3.1
* paper-input#^2.0.5
* paper-dropdown-menu#^2.0.1
* paper-listbox#^2.0.0
* paper-item#^2.0.0
* vaadin-dropdown-menu#^1.0.0-alpha7
* vaadin-list-box#^1.0.0-alpha7
* vaadin-item#^2.0.0-alpha3
* paper-swatch-picker#^2.0.1
* web-animations-js#^2.3.1
shields-badge version 1.0.1
### Dependencies
polymer#^2.3.1
* paper-input#^2.0.5
* paper-dropdown-menu#^2.0.1
* paper-listbox#^2.0.0
* paper-item#^2.0.0
* vaadin-dropdown-menu#^1.0.0-alpha7
* vaadin-list-box#^1.0.0-alpha7
* vaadin-item#^2.0.0-alpha3
* paper-swatch-picker#^2.0.1
* web-animations-js#^2.3.1
shields-badge version 1.0.2
### Dependencies
polymer#^2.3.1
* paper-input#^2.0.5
* paper-dropdown-menu#^2.0.1
* paper-listbox#^2.0.0
* paper-item#^2.0.0
* vaadin-dropdown-menu#^1.0.0-alpha7
* vaadin-list-box#^1.0.0-alpha7
* vaadin-item#^2.0.0-alpha3
* paper-swatch-picker#^2.0.1
* web-animations-js#^2.3.1
shields-badge version 1.0.3
### Dependencies
polymer#^2.3.1
* paper-input#^2.0.5
* paper-dropdown-menu#^2.0.1
* paper-listbox#^2.0.0
* paper-item#^2.0.0
* vaadin-dropdown-menu#^1.0.0-alpha7
* vaadin-list-box#^1.0.0-alpha7
* vaadin-item#^2.0.0-alpha3
* paper-swatch-picker#^2.0.1
* web-animations-js#^2.3.1
shields-badge version 1.0.4
### Dependencies
polymer#^2.3.1
* paper-input#^2.0.5
* paper-dropdown-menu#^2.0.1
* paper-listbox#^2.0.0
* paper-item#^2.0.0
* vaadin-dropdown-menu#^1.0.0-alpha7
* vaadin-list-box#^1.0.0-alpha7
* vaadin-item#^2.0.0-alpha3
* paper-swatch-picker#^2.0.1
* web-animations-js#^2.3.1
shields-badge version 1.0.5
### Dependencies
polymer#^2.0.0
shields-badge version 1.0.6
### Dependencies
polymer#^2.0.0