LandingPricings

Overview

The LandingPricings component displays pricing plans in a responsive grid layout. Each plan includes a heading, subheading, pricing details, features list, and an action button. The component supports dynamic grid column counts based on the number of pricing plans and includes a default action for each plan if not provided.

import LandingPricings from '@/components/blocks/landing/landing-pricings/LandingPricings.vue';

Props

The LandingPricings component accepts the following props

Required Props

  1. pricingPlans (Array of PricingPlanProps)
    • Description: An array of objects defining the pricing plans to be displayed.
Table of Contents