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