# Badge

The Badge component generates a small label that can contain additional description.

## Props

| Name                 | Type                    | Default    | Description                                               |
| -------------------- | ----------------------- | ---------- | --------------------------------------------------------- | --- | ------------------------- |
| `content`?           | string                  | number     | boolean                                                   | -   | The content of the badge. |
| `backgroundColor`?   | ColorKey                | 'grey.700' | The background color of the badge.                        |
| `contentColor`?      | ColorKey                | 'white'    | The color of the badge's content.                         |
| `testID`?            | string                  |            | The unique E2E test handler.                              |
| `...HTMLDivElement`? | Partial(HTMLDivElement) | -          | Props that will be passed to the root of the div element. |

## Examples

### React

```javascript
return <Badge content="12" />;
```
