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


Display Badges From Shields.io In React App

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

Add Comment