Price Card
A quiet pricing tier on paper: plan name, large tabular price, feature list with accent beads, optional highlighted border and badge, CTA slot.
Draw
draw a card
$npx shadcn@latest add @clow/price-cardFirst time? Point @clow at the registry
Once per project, add the registry to your components.json. Then draw any card by name.
"registries": {
"@clow": "https://clow.cards/r/{name}.json"
}Playground
props
<PriceCard />Examples
basic
Props
| prop | type | default |
|---|---|---|
| name | text | Studio |
| price | text | 24 |
| currency | text | $ |
| period | text | / mo |
| highlighted | boolean | true |
| badge | text | Most chosen |