> For the complete documentation index, see [llms.txt](https://docs.usegravity.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.usegravity.app/gravity-native/components/badge.md).

# Badge

Text badge with background color.

## Preview

<div align="left"><figure><img src="/files/m980Y58YCnJ0lvKX0WBG" alt="" width="90"><figcaption></figcaption></figure></div>

## Code

```javascript
<Badge color='blue'>Awesome</Badge>
```

### Props

| Prop  | Description      | Required | Value                                              |
| ----- | ---------------- | -------- | -------------------------------------------------- |
| color | background color | required | blue, red, green, orange, grey or purple (default) |