Utility Cards
HtmlForgeX.Email includes 60+ pre-built utility cards for common email patterns.
Product Cards
box.EmailProductCard(card => {
card.WithTitle("Widget Pro", "https://example.com/products/widget-pro")
.WithDescription("Best-selling toolkit for weekly reporting.")
.WithBadge("Popular")
.WithImage("https://example.com/product.jpg", "Widget Pro")
.WithPrice(49.99m, oldPrice: 59.99m)
.WithButton("Buy now", "https://example.com/checkout/widget-pro");
});Receipt Card
box.EmailReceiptCard(receipt => {
receipt.WithTitle("Payment received")
.WithSubtitle("Order #12345")
.WithStatus(EmailReceiptStatus.Paid, "Paid")
.WithAmount("$99.98", "Charged today")
.AddDetail("Invoice", "INV-2026-001")
.AddDetail("Method", "Visa ending in 4242")
.WithButton("View receipt", "https://example.com/orders/12345");
});Profile Card
box.EmailProfileCard(profile => {
profile.WithName("John Doe")
.WithSubtitle("Software Engineer")
.WithDescription("Primary owner for the reporting platform.")
.WithAvatar("https://example.com/photo.jpg", "John Doe")
.AddBadge("Core Team")
.AddAction("View profile", "https://example.com/team/john-doe");
});Other Card Types
- EmailAlertCard — Notification alerts
- EmailArticleCard — Blog/article previews
- EmailAddressCard — Mailing addresses
- EmailCredentialCard — Login credentials display
- EmailDownloadCard — File download prompts
- EmailEventCard — Event details
- EmailMapCard — Location maps
- EmailProgressBar — Progress indicators
- EmailStepsIndicator — Step-by-step status
- EmailShippingProgress — Shipping tracking
- EmailTodoList — Task checklists
- EmailActivityList — Activity feeds
- EmailScheduleList — Schedule/agenda
- EmailFaqList — FAQ sections
- And many more...
API Reference
- Product card API: /api/email/htmlforgex-email-emailproductcard/
- Receipt card API: /api/email/htmlforgex-email-emailreceiptcard/
- Profile card API: /api/email/htmlforgex-email-emailprofilecard/