Pricing3
The Pricing3 component renders a responsive pricing section with detailed plan cards that display features, pricing, and additional information, organized in a grid layout and including buttons for exploring each plan.
All available props for the Pricing3 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the pricing section.
Component path: src/blocks/pricing/Pricing3.tsx
Component usage path: src/app/blocks/pricing/pricing3/page.tsx
Preview link: https://www.saasable.io/blocks/pricing/pricing3
Props Details
heading
string
Main title of the pricing section
"Our Pricing Plans"
caption
string (Optional)
Optional subtitle or description
"Choose the plan that's right for you."
defaultUnit
string
Unit of measurement for pricing
"per month"
plans
PlanProps[]
Array of plan objects with details like title, description, price, etc.
See example in code above
Last updated