Display Badges From Shields.io In React App

A React component for developers that displays custom badges from Shiled.io on your profile or web app.

Install & Import:

# Yarn
$ yarn add react-simple-badges

# NPM
$ npm i react-simple-badges --save

import React from 'react'
import Badge from 'react-simple-badges'

Basic Usage:

const App = () => {
  return (
    <>
      <Badge name="Adobe" />
      <Badge name="AMD" />
      <Badge name="YouTube Gaming" />
      <Badge name="Valve" />
      <Badge name="Tesla" />
      <Badge name="Apache" />
    </>
  )
}
export default App

Possible props.

• name: Badge name
• logoColor: Logo Color
• label: Lable text
• backgroundColor: Background color

Preview:

Download Details:

Author: NWylynko

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/NWylynko/react-simple-badges

License: MIT