← All Components

PricingTable

Pricing plan cards with feature lists and tier highlights.

Default

Starter

$0

Free forever for small teams

  • +Up to 3 team members
  • +5GB storage
  • +Basic analytics
  • -Custom domains
  • -API access

Pro

Popular
$29/mo

Everything you need to grow

  • +Up to 20 team members
  • +100GB storage
  • +Advanced analytics
  • +Custom domains
  • +API access

Enterprise

Custom

For large-scale deployments

  • +Unlimited team members
  • +Unlimited storage
  • +Custom analytics
  • +Custom domains
  • +Full API access + webhooks

Props

PropTypeDescription
tiersPricingTier[]Array of pricing tier objects
classNamestringAdditional classes on the root element

Usage

<PricingTable tiers={[ { name: "Starter", price: "$0", description: "Free forever", highlighted: false, features: [ { text: "3 team members", included: true }, { text: "API access", included: false }, ], cta: <Button>Get Started</Button>, }, ]} />