<CheckoutButton />

One-line button that opens Stripe Checkout for a specific plan. Great for "Upgrade" CTAs on marketing pages.

Copy this quickstart guide as a prompt for LLMs to implement KolayLogin in your application.

Usage

import { CheckoutButton } from '@kolaylogin/react';

<CheckoutButton planId="plan_pro" billingCycle="monthly">
  Upgrade to Pro
</CheckoutButton>

planId — target SubscriptionPlan id (required).
billingCycle — monthly | annual. Default monthly.
children — custom label. Default Upgrade.
className — drop-in class for your own design system. Without it the component renders a minimal primary button.

Uses useCheckout() under the hood — wrap in <KolayLoginProvider>.