Code

Props

Props	Data Type	Required
children	string	✅
className	string	❌
color	string (Grey, Blue, Green, Yellow, Red, Indigo, Purple, Lime, Teal, Orange, Pink)	❌
icon	string (Check Telicon website to get the name of the icon).	❌
counter	string	❌

Components Dependency

For this component elaboration, the following internal components were used:

• Telicon

Live Demo

For detailed code usage documentation, see the Storybooks for each framework below.

React

General Components / Badge - Basic Badge ⋅ Storybooksipster-react-component-storybook.netlify.app