Skip to main content
<SubscriptionBadge> renders a small badge showing the tenant’s current subscription status. Useful in headers, settings pages, or user menus.

Usage

import { SubscriptionBadge } from 'crovver-react';

<SubscriptionBadge />

Output Examples

StatusBadge
activeActive (green)
trialingTrial (blue)
past_duePast Due (yellow)
canceledCanceled (red)
noneNo Plan (gray)

Props

PropTypeDefaultDescription
showPlanNamebooleanfalseAppend plan name to the badge (e.g., “Pro · Active”)
classNamestringAdditional CSS classes

Example with Plan Name

<SubscriptionBadge showPlanName />
// → "Pro · Active"