> ## Documentation Index
> Fetch the complete documentation index at: https://docs.turbostack.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Badge

`Badge` is a component that looks like a badge.

<Card>
  <img src="https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/images/components/badge.png?fit=max&auto=format&n=jCk1IPeJr8ul3nyO&q=85&s=7e765121f15f43d44ca0d4a53ac3426f" alt="Badge Component" width="132" height="61" data-path="images/components/badge.png" />
</Card>

## Usage

```tsx theme={null}
import { Badge } from "@turbostack/ui"
```

```tsx theme={null}
<Badge className="bg-green-500 hover:bg-green-400">$100 OFF</Badge>
```