Billing Toggle

$15/ mo
About this piece

Billing Toggle

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

Usage

The import and the props worth knowing about, in one place.

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

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

More Card pieces

View all Card
Studio
$39per month
  • Unlimited blocks
  • Team workspaces
  • Priority support
Starter
$12/ mo
Up to 5 editors
25 GB asset storage
Community support
Growth
$48/ mo
Unlimited editors
250 GB storage
Realtime analytics
$0.004per request
1M requests included monthly
$3.00 per 1M after
Linen boucle cushion
Linen boucle cushion
$48$64
1,000credits
$8.00