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"
/>Compact commerce tile with a warm gradient thumbnail, overlay tag, save heart, and a strikethrough original price.
Vibrant gradient voucher with a denomination, brand mark, mono redemption code chip, and expiry.
Standard plan tile with a uppercase name, big price, tagline, four feature bullets, and an outline CTA.
Payment card that turns on its axis every few seconds to show the magnetic stripe and security code, then turns back to the front.