About this piece
Deal Card
Limited-offer card with a rose discount tag, ticking countdown, strikethrough original, and bold sale price.
Playground
Turn the props on the right; the snippet under them is what you would write to get what you see.
50% offEnds in 2d 14h
Lifetime license$149$299
Usage
import { Card16 } from "@/components/beste/component/card16";
<Card16
name="Lifetime license"
original="$299"
sale="$149"
discount="50% off"
ends="Ends in 2d 14h"
/>Keyboard and gestures
Every one of these is in the component already. They are listed because a props table cannot mention a gesture, so nothing else on this page can tell you they exist.
| Hover | The card lifts and the image scales inside its frame; `motion-reduce` turns the movement off. |
|---|
Usage
The import and the props worth knowing about, in one place.
import { Card16 } from "@/components/beste/piece/card16";
<Card16
name="Lifetime license"
original="$299"
sale="$149"
discount="50% off"
ends="Ends in 2d 14h"
/>More Card pieces
View all Card
Limited runLinen boucle cushion
$48$64
Product Card
Compact commerce tile with a warm gradient thumbnail, overlay tag, save heart, and a strikethrough original price.
Gift card
$50·Beste
BSTE-7Z91-X2QExpires 31 Dec 2027Gift Card
Vibrant gradient voucher with a denomination, brand mark, mono redemption code chip, and expiry.