1. Components
  2. Pricing



Displays three pricing cards for your marketing page.


There is a pricing page also available if you want to providing pricing in a standolone page instead of using the component.
For One Time Payments:
Add your unique Stripe Price ID to the PRIVATE_STRIPE_PRICE_ID in .env.local.
Add more env keys if you have more prices and see the checkoutButton component.

Basic Usage

For subscriptions, edit the src/routes/pricing/pricing_plans.ts file with your features and stripe ids.

To import the component, use:

        <script lang="ts">
    import Pricing from "$lib/components/Pricing.svelte"