Block 48 of 260
Pricing Toggle
Plan or membership tiers with a monthly/annual switch built from radios and CSS :has(), plus a visible savings note.
- Puck key
- PricingToggleBlock
- Export
- pricingToggleBlock
- React component
- <PricingToggle />
- Path
- components/puck/pricing-toggle-block.tsx
- Dependencies
- None
Editor fields
What content editors see in the P1 sidebar when they select this block.
- Headingtext
- Heading levelselect
- Introtextarea
- Monthly option labeltext
- Annual option labeltext
- Savings notetext
- Selected at firstradio
- Price suffixtext
- Tiersarray
- Footnotetextarea