PricingCard

Each example below is a real component instance — flip the theme toggle to see how it adapts.

Single#

Prorecommended

For growing teams that need to graph their stack.

$29/ user / mo

Loading…

Free

For small teams kicking the tires.

Prorecommended

For growing teams.

$29/ user / mo

Enterprise

VPC, custom retention, on-call SLO.

Talk to us

Loading…

Props for PricingCard
Prop	Type	Default	Description
tier *	`ReactNode`	`—`	Tier name — e.g., `Pro`, `Team`.
price *	`ReactNode`	`—`	Headline price, e.g. `$29` or `Talk to us`.
priceUnit	`ReactNode`	`—`	Optional small unit rendered next to the price, e.g. `/ user / mo`.
description	`ReactNode`	`—`	Short description below the tier name.
features *	`readonly ReactNode[]`	`—`	Feature bullet list.
action	`ReactNode`	`—`	Action button (typically a `<Button>`).
featured	`boolean \| undefined`	`—`	Highlight as the recommended tier.