Pricing6
The Pricing6 component is designed to present pricing plans and features in a structured format. It combines visual components with tabular data to provide a clear comparison of different plans and their features.
All available props for the Pricing6 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/Pricing6.tsx
Component usage path: src/app/blocks/pricing/pricing6/page.tsx
Preview link: https://www.saasable.io/blocks/pricing/pricing6
Props Details
heading
string
Main heading or title of the pricing section.
"Our Pricing Plans"
caption
string (Optional)
Optional subtitle or description for additional context.
"Choose the plan that's right for you."
features
FeatureProps[]
Array of features compared across different plans.
[{ id: 1, label: "Feature A" }, { id: 2, label: "Feature B" }]
plans
Pricing4PlanProps[]
Array of pricing plans with details such as title, price, description, and features.
[ { title: "Basic", price: "$10", description: "Basic plan", features: [1] }, { title: "Pro", price: "$20", description: "Pro plan", features: [1, 2] } ]
Last updated