gradient-badge

gradient-badge

Badge generator with gradient support 🍭

Check out the demo to make your own badge

Install

$ npm i gradient-badge

Usage

gradient-badge works exactly like badgen, with the gradient parameter in addition.

Node.js

const gradientBadge = require('gradient-badge')

const svgString = gradientBadge({
  subject: 'version',   // <text>
  status: 'v1.2.3', // <text>
  style: 'flat',    // 'flat' or undefined, optional
  gradient: ['pink', 'F78642'] // array of colors (Hexadecimal or name)
})

Browser

<script src="https://cdn.jsdelivr.net/npm/gradient-badge@latest/dist/gradient-badge.min.js"></script>
<script>
  var svgString = gradientBadge({/* same as above */});
</script>

Result:

Examples

Here are a few more examples of what you can do.

Check out the demo to make your own

Dependencies

• badgen - Fast handcraft svg badge generator.