PricingCard
Pricing tier card with price, features list, CTA, and highlighted variant.
Example
Starter
$0//month
- 5 projects
- Basic support
Pro
$29//month
- Unlimited projects
- Priority support
- Advanced analytics
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
tier | string | — | Required | Tier name (e.g. "Pro") |
price | string | — | Required | Price display (e.g. "$29") |
period | string | — | No | Billing period (e.g. "/month") |
description | string | — | No | Tier description |
features | string[] | — | Required | List of included features |
ctaLabel | string | — | No | CTA button text |
onCtaClick | () => void | — | No | CTA click handler |
highlighted | boolean | — | No | Highlights this tier as recommended |
elevation | 0 | 1 | 2 | 3 | — | No | Surface elevation |