Themes
Ecommerce
UI Elements
Installation
$ pnpm dlx shadcn@latest add @emailcn/mjml-pricing-table
Usage
import { PricingTable } from "@/components/emails/pricing-table";<PricingTable {...PricingTable.PreviewProps} />API Reference
Pricing Table
PricingTable
| Prop | Type | Default | Description |
|---|---|---|---|
theme | EmailTheme | defaultTheme | Email theme styling |
PricingTier
| Prop | Type | Default | Description |
|---|---|---|---|
name | string | - | Tier name |
price | string | - | Price |
description | string | - | Tier description |
features | string[] | - | Feature list |
ctaLabel | string | - | CTA button label |
ctaHref | string | "#" | CTA button link |
popular | boolean | false | Mark as popular tier |