
npm i react-shields-badge --save
yarn add react-shields-badge --save
import Badge from "react-shields-badge";
import "react-shields-badge/dist/react-shields-badge.css";
<Badge data={["npm", "v1.0.0"]} />

| Props |
Type |
Description |
Default |
| data |
array |
Data record array to be displayed |
- |
| color |
array |
Color of the badge |
#fff |
| backgroundColor |
array |
backgroundColor of the badge |
Color Map |
| name |
color |
| black |
#5b5b5b |
| blue |
#0f80c0 |
| brightgreen |
#4cc61f |
| red |
#d7624b |
| orange |
#f27e3f |
| green |
#96c40f |
| yellowgreen |
#a1a328 |
| yellow |
#d6ae22 |
| lightgrey |
#9e9e9e |