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