Contact us
Get started

Directory

← Back

shields-badge

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

Author

Contributors

Rating

Links

Published on webcomponents.org
Published on vaadin.com/directory Star on vaadin.com/directory Rating on vaadin.com/directory Rating count on vaadin.com/directory Latest version on vaadin.com/directory Latest release date on vaadin.com/directory

<shields-badge>

Live Demo ↗

<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>

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.

Sample code

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

Compatibility

(Loading compatibility data...)

Last updated: 2018-04-24

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
Online