Interface: PlansPanelProps

Defined in: plansPanel/PlansPanel.types.ts:66

Props for the PlansPanel component.

Properties

activePlanId?

optional activePlanId?: string

Defined in: plansPanel/PlansPanel.types.ts:75

ID of the currently active/subscribed plan. That card is highlighted.

---

filters?

optional filters?: PlansPanelFilter[]

Defined in: plansPanel/PlansPanel.types.ts:71

Filter dimensions rendered as SegmentedControl rows above the plan grid. Each dimension independently narrows the visible set of plans.

---

filterValues?

optional filterValues?: Record<string, string>

Defined in: plansPanel/PlansPanel.types.ts:86

Controlled filter values (record of filterId → selected value). When provided the component operates in controlled mode and internal state is not used.

---

onFilterChange?

optional onFilterChange?: (id, value) => void

Defined in: plansPanel/PlansPanel.types.ts:92

Called when a filter value changes in controlled mode.

Parameters

Parameter	Type	Description
id	string	The filter id that changed.
value	string	The new selected value.

Returns

void

---

onSelectPlan?

optional onSelectPlan?: (planId) => void

Defined in: plansPanel/PlansPanel.types.ts:80

Called when the user clicks the CTA button of a plan.

Parameters

Parameter	Type	Description
planId	string	The id of the selected plan.

Returns

void

---

plans

plans: PlansPanelPlan[]

Defined in: plansPanel/PlansPanel.types.ts:73

All available plans. Only plans matching every active filter value are shown.