# Code

## Props

<table><thead><tr><th>Props</th><th width="399.66666666666663">Data Type</th><th>Required</th></tr></thead><tbody><tr><td>children</td><td>string</td><td><span data-gb-custom-inline data-tag="emoji" data-code="2705">✅</span></td></tr><tr><td>className</td><td>string</td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr><tr><td>color</td><td><p>string</p><p>(Grey, Blue, Green, Yellow, Red, Indigo, Purple, Lime, Teal, Orange, Pink)</p></td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr><tr><td>icon</td><td><p>string</p><p>(Check Telicon <a href="https://sds-telicon.netlify.app/">website</a> to get the name of the icon).</p></td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr><tr><td>counter</td><td>string</td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr></tbody></table>

## Components Dependency

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

* [Telicon](https://2600hz.gitbook.io/sds/sds-components/simple-components/telicon)

## Live Demo

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

### React

{% embed url="<https://sipster-react-component-storybook.netlify.app/?path=%2Fstory%2Fgeneral-components-badge--basic-badge>" %}
