Availability Badges
AvailabilityBadge renders a single status badge (limited / sold-out / closed — returns null for available). AvailabilityBadges renders a row of per-variant badges. Server-safe.
core/availability-badgesInstallation
1 · Add registry to components.json
2 · Install component
Examples
Availability badges
Composed results page
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
statusreq | AvailabilityStatus | — | available | limited | sold_out | closed (on AvailabilityBadge). |
spotsLeft | number | — | Spots remaining shown when status is limited. |
statuses | { status, label? }[] | — | Array of statuses (on AvailabilityBadges). |