AcheryWorkshop
Components

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 —