@blaze-react/badge

Badges are small components typically used to communicate a numerical value or indicate the status of an item to the user.

Usage no npm install needed!

<script type="module">
  import blazeReactBadge from 'https://cdn.skypack.dev/@blaze-react/badge';
</script>

README

 Description

Badges are small components typically used to communicate a numerical value or indicate the status of an item to the user.

 Usage

- Simple

<Badge type='primary'>Badge</Badge>

- Link

<Badge type='info' link>
    <a href='https://www.thebyte9.com/'>Go to byte9</a>
</Badge>

- Icon

<Badge type='pagebuilder' icon colour='deep-orange'>
    Social follow            
  <i className='fas fa-share' />
</Badge>

 API

 Badges can receive a number of props as follow:
NAME TYPE DEFAULT Options
type String empty default, primary, secondary, success, alert, info, light, dark, link, pagebuilder
link Boolean false
icon Boolean false
color String empty blue, light-blue, deep-orange, orange, purple, deep-purple, pink, red, cyan, teal, green
modifiers String empty
children Single or array of nodes No content