Sections
Pricing Table
Present your pricing plans clearly.
The PricingTable component arranges PricingPlan items in a responsive grid.
Usage
{/* PricingTable demo (component not bundled) */}
Example
Props
PricingTable
This component acts as a grid wrapper and accepts children.
PricingPlan
| Prop | Type | Default | Description |
|---|---|---|---|
name | string | Required | The name of the plan. |
price | string | Required | The price display (e.g. “$29”). |
description | string | undefined | A short description of the plan target. |
features | string[] | [] | List of features included in the plan. |
cta | string | Required | Text for the CTA button. |
popular | boolean | false | Highlights the plan as recommended. |