Skip to content

linxsystems/react-shields-badge

 
 

Repository files navigation

react-shields-badge

Travis Coverage Status Version license Donloads

Install

npm i react-shields-badge --save
yarn add react-shields-badge --save

Getting Started

import Badge from "react-shields-badge";
import "react-shields-badge/dist/react-shields-badge.css";

<Badge data={["npm", "v1.0.0"]} />

Demo

Properties

Props Type Description Default
data array Data record array to be displayed -
color array Color of the badge #fff#fff
backgroundColor array backgroundColor of the badge Color Map

Color Map

name color
black #5b5b5b#5b5b5b
blue #0f80c0#0f80c0
brightgreen #4cc61f#4cc61f
red #d7624b#d7624b
orange #f27e3f#f27e3f
green #96c40f#96c40f
yellowgreen #a1a328#a1a328
yellow #d6ae22#d6ae22
lightgrey #9e9e9e#9e9e9e

Packages

No packages published

Languages

  • JavaScript 100.0%