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:

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

You Might Be Interested In:

Add Comment