Connected pricing section that fetches products and prices live from the Stripe API and renders them as cards. Each card shows the plan name, description, amount, and a checkout button that creates a Stripe Checkout session.
Files · 6
Dependencies
npm packages
lucide-react
stripe
Registry items
button
card
tabs
Registry Items
pricing-stripe-01
Configuration
Name
pricing-stripe-01
Type
Block
Description
Connected pricing section that fetches products and prices live from the Stripe API and renders them as cards. Each card shows the plan name, description, amount, and a checkout button that creates a Stripe Checkout session.