ProComponentsPricing

PricingGrid

A customizable grid for your PricingCard components.

Usage

Use some PricingCard to display pricing plans side by side.

Free

Get started for free in development.

 

Solo

For bootstrappers and indie hackers.

$199

Team

Unlimited license for growing teams.

$699

<UPricingGrid :compact="false">
  <UPricingCard
    title="Free"
    description="Get started for free in development."
  />
  <UPricingCard
    title="Solo"
    description="For bootstrappers and indie hackers."
    price="$199"
    scale
    highlight
  />
  <UPricingCard
    title="Team"
    description="Unlimited license for growing teams."
    price="$699"
  />
</UPricingGrid>

Slots

default
{}

Props

ui
unknown
compact
boolean