One-time credit bundle card with a coin tile, bonus chip, per-credit rate, and a Top up CTA.
Turn the props on the right; the snippet under them is what you would write to get what you see.
import { Card19 } from "@/components/beste/component/card19";
<Card19
credits="1,000"
price="$8.00"
bonus="+150 bonus credits"
perCredit="$0.008 per credit"
creditsLabel="credits"
action="Top up"
tone="neutral"
/>The import and the props worth knowing about, in one place.
import { Card19 } from "@/components/beste/piece/card19";
<Card19
credits="1,000"
price="$8.00"
bonus="+150 bonus credits"
perCredit="$0.008 per credit"
creditsLabel="credits"
action="Top up"
tone="neutral"
/>Vibrant gradient voucher with a denomination, brand mark, mono redemption code chip, and expiry.
Compact commerce tile with a warm gradient thumbnail, overlay tag, save heart, and a strikethrough original price.
Standard plan tile with a uppercase name, big price, tagline, four feature bullets, and an outline CTA.
Plan picker with a monthly vs yearly pill toggle, dynamic price, and a savings chip on the yearly side.