shields-badge | Vaadin

A Polymer 2 web component for generating static and dynamic badges using

Published on
Published on Star on Rating on Rating count on Latest version on Latest release date on


Live Demo ↗

<shields-badge> is a Polymer 2 web component for generating badge using services.

<shields-badge left="shields--badge" right="awesome" style="for-the-badge" color-a="1446A0" color-b="EE4266"></shields-badge>

Shield-badge is awesome

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.


Link to this version
ImportedReleased 24 April 2018Apache License 2.0
Framework Support
Polymer 2.0+
Browser Independent
Install with
Release notes - Version 1.0.6