Themes
Ecommerce
UI Elements
Installation
$ pnpm dlx shadcn@latest add @emailcn/mjml-product-card
Usage
import { ProductCard } from "@/components/emails/product-card";<ProductCard {...ProductCard.PreviewProps} />API Reference
Product Card
| Prop | Type | Default | Description |
|---|---|---|---|
theme | EmailTheme | defaultTheme | Email theme styling |
productImageUrl | string | - | Product image URL |
productName | string | - | Product name |
productDescription | string | - | Product description |
price | string | - | Product price |
ctaLabel | string | - | CTA button label |
ctaHref | string | "#" | CTA button link |