Rate Plan Selector

Radio-style rate plan cards for accommodation booking. Shows price per night, stay total (nights × rate), cancellation policy, and meal inclusion. Full ARIA radiogroup semantics.

core/rate-plan-selector

Installation

1 · Add registry to components.json

2 · Install component

Examples

Default

Three rate plans with 3-night total, and loading skeleton.

Rate plans — 3 nights

Selected: Flexible Rate

Loading skeleton

API Reference

Prop	Type	Default	Description
`ratePlans`req	`RatePlan[]`	—	Available rate plans.
`value`req	`string \| undefined`	—	Selected plan ID.
`onChange`req	`(planId: string) => void`	—	Called when selection changes.
`nights`	`number`	`1`	Number of nights — used to compute stay totals.
`loading`	`boolean`	—	Shows loading skeleton.