ProductCard
Displays a product with image placeholder, title, price, and optional badge.
Default
Basic product card with name, price, and a badge.
New
Classic Sneakers
$129With Button
Product card with an add-to-cart action button.
Sale
Wireless Headphones
$89No Badge
Clean product card without any promotional badge.
Leather Wallet
$45Hot Item
Product card showcasing a trending item with a "Hot" badge.
Hot
Sunglasses
$79Product Grid
Multiple product cards arranged in a responsive grid layout.
New
Running Shoes
$149Leather Wallet
$45Hot
Sunglasses
$79Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | text | "Product" | Product name |
price | text | "$0" | Display price |
image | text | "" | Image URL |
badge | text | "" | Optional badge label |
children | content | - | Action buttons or extra content |