Directory

shields-badge - Vaadin Add-on Directory

A Polymer 2 web component for generating static and dynamic badges using shields.io. shields-badge - Vaadin Add-on Directory
[![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.
A random link
Online Demo
View on GitHub
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