StatePill
Examples
Loading examples…
API
From COMPONENTS.md.
Subscription state indicator wrapping Badge.
import { StatePill } from 'achery-ui'
import type { SubscriptionState } from 'achery-ui'
<StatePill state="drift-up" />
<StatePill state="stable" />
| State | Badge tone | Label |
|---|---|---|
stable |
neutral | Stable |
drift-up |
stopped | Drift up |
drift-down |
saved | Drift down |
new-price |
drafting | New price |
renewing |
drafting | Renewing soon |
| Prop | Type | Default |
|---|---|---|
state |
SubscriptionState |
— |
className |
string |
— |