KQ-345 · TIER/UPGRADE
Tier Upgrade
Status made physical: a membership card that flips into its next self, where the new face only ever comes around mid-flip and is never visible early. Each rung changes the material, the perk, and the figure, because a flip that lands on the card you already had is the exact failure this component exists to avoid. Stepping back flips the other way, so the direction of travel reads.
KQ-345 · TIER/UPGRADE
Now BRONZE
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/tier-upgrade
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| holder | string | — | Name carried on the card. |
| startTier | number | 0 | Starting rung on the five-tier ladder. |
| onUpgrade | (tier: string) => void | — | Fires with the tier just reached. |