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

# SubscriptionBadge

> Display the current subscription status as a styled badge.

`<SubscriptionBadge>` renders a small badge showing the tenant's current subscription status. Useful in headers, settings pages, or user menus.

## Usage

```tsx theme={null}
import { SubscriptionBadge } from 'crovver-react';

<SubscriptionBadge />
```

## Output Examples

| Status     | Badge               |
| ---------- | ------------------- |
| `active`   | `Active` (green)    |
| `trial`    | `Trial` (blue)      |
| `past_due` | `Past Due` (yellow) |
| `canceled` | `Canceled` (red)    |
| `none`     | `No Plan` (gray)    |

## Props

`<SubscriptionBadge>` accepts no props. The plan name and badge styling are determined automatically from the tenant's active subscription.