Billing Toggle

Plan picker with a monthly vs yearly pill toggle, dynamic price, and a savings chip on the yearly side.

$15/ mo
Billed annually. Cancel anytime.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Card13 } from "@/components/beste/piece/card13";

<Card13
  billing="yearly"
  monthlyPrice="$19"
  yearlyPrice="$15"
  savings="Save 20%"
/>