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.
Sample code
<shields-badge left="shields--badge" right="awesome" style="for-the-badge" color-a="1446A0" color-b="EE4266"></shields-badge>
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
- Vaadin 14
- 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.[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/binhbbui411/shields-badge)
[![Published on vaadin.com/directory](https://img.shields.io/badge/Vaadin%20Directory-published-blue.svg?colorB=00b4f0)](https://vaadin.com/directory/component/binhbbui411shields-badge)
[![Star on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/binhbbui411shields-badge.svg)](https://vaadin.com/directory/component/binhbbui411shields-badge)
[![Rating on vaadin.com/directory](https://img.shields.io/vaadin-directory/rating/binhbbui411shields-badge.svg)](https://vaadin.com/directory/component/binhbbui411shields-badge)
[![Rating count on vaadin.com/directory](https://img.shields.io/vaadin-directory/rc/binhbbui411shields-badge.svg)](https://vaadin.com/directory/component/binhbbui411shields-badge)
[![Latest version on vaadin.com/directory](https://img.shields.io/vaadin-directory/v/binhbbui411shields-badge.svg)](https://vaadin.com/directory/component/binhbbui411shields-badge)
[![Latest release date on vaadin.com/directory](https://img.shields.io/vaadin-directory/rd/binhbbui411shields-badge.svg)](https://vaadin.com/directory/component/binhbbui411shields-badge)
# <shields-badge>
[Live Demo ↗]()
[<shields-badge>](https://vaadin.com/directory/component/binhbbui411shields-badge) is a [Polymer 2](http://polymer-project.org) web component for generating badge using shields.io services.
```html
```
![Shield-badge is awesome](https://img.shields.io/badge/shields--badge-awesome-green.svg?style=for-the-badge&colorA=1446A0&colorB=EE4266)
# 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.