Search sites, categories, sections, or styles.
| Prop | Type | Description |
|---|---|---|
className | string | Section classes. |
heading | string | Main heading. |
description | string | Reserved; not displayed. |
plans | TicketPricingPlan[] | Plans to display. |
defaultBillingCycle | "monthly" | "yearly" | Initial billing cycle. |
onPlanSelect | (selection: TicketPlanSelection) => void | Handles plan selection. |
| Prop | Type | Description |
|---|---|---|
id | string | Unique plan ID. |
name | string | Plan name. |
description | string | Short plan summary. |
monthlyPrice | number | Monthly price in USD. |
yearlyPrice | number | Monthly rate for annual billing. |
audience | string | Creator or seat allowance. |
allowance | string | Project allowance. |
features | string[] | Included features. |
ctaLabel | string | Button label. |
badge | string | Optional badge; blank hides it. |
featured | boolean | Highlights the plan. |
artwork | "spark" | "crown" | "layers" | Header emblem. |
| Prop | Type | Description |
|---|---|---|
plan | TicketPricingPlan | Selected plan. |
billingCycle | "monthly" | "yearly" | Selected billing cycle. |
monthlyPrice | number | Selected monthly rate in USD. |
billingTotal | number | USD due per billing period. |
| Prop | Type | Description |
|---|---|---|
kind | "spark" | "crown" | "layers" | Emblem design. |
className | string | Artwork classes. |
...props | React.ComponentPropsWithoutRef<"svg"> | Standard SVG attributes. |