Pricing

A clean and responsive pricing component, completely customizable. To see more UI Components/Blocks click here.

Preview

Usage

pricing-default.tsx
import { PricingDefault } from "@/components/blocks/pricing/pricing-default"

export default function Page() {
    return (
        <PricingDefault pricingType="subscription"/>
    )
}

Props

PropTypeValueDescription
pricingTypestring"subscription"This value is passed to the object mode in the api/stripe/checkout to create a checkout for a susbcription purchase.
pricingTypestring"payment"This value is passed to the object mode in the api/stripe/checkout to create a checkout for a one-time payment purchase.

The pricing-default.tsx file already comes in the EasyToLaunch repo by default.

On this page