Pricing5
The Pricing5 component offers a flexible pricing layout with options to toggle between monthly and yearly plans, and displays a set of pricing options with detailed plan information, feature lists, and action buttons.
All available props for the Pricing5 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/Pricing5.tsx
Component usage path: src/app/blocks/pricing/pricing5/page.tsx
Preview link: https://www.saasable.io/blocks/pricing/pricing5
Props Details
heading
string
Main heading for the pricing section
"Choose Your Plan"
caption
string (Optional)
Optional caption providing additional context
"Choose the plan that's right for you."
defaultUnit
string
Optional unit of measurement or billing cycle description
"per month"
user
string
Optional label or identifier for the type of user
"Best for 1-50 users"
plans
PlanProps[]
Array of plan objects with details such as title, price, features, etc.
Array of plan objects, e.g., [ { title: "Basic Plan", ... }, { title: "Pro Plan", ... } ]
Last updated