<PricingTable />

Cards grid rendered from your instance's SubscriptionPlan catalog, with a monthly/annual toggle and one-tap Stripe Checkout.

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

Usage

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

export default function PricingPage() {
  return <PricingTable defaultBillingCycle="monthly" />;
}

includePlans — optional allow-list of plan names (case-insensitive). Default: all configured plans.
defaultBillingCycle — monthly | annual. Default monthly.
ctaLabel — button copy override. Default Subscribe.

Reads GET /v1/billing/plans for the catalog and calls useCheckout().startCheckout(planId, cycle) on click, which redirects to Stripe Checkout.