Installation
$ pnpm dlx shadcn@latest add @emailcn/2-columns-pricing-table-with-gaps
Usage
import { TwoColumnsPricingTableWithGaps } from "@/components/emails/marketing/pricing/2-columns-pricing-table-with-gaps";<TwoColumnsPricingTableWithGaps
{...TwoColumnsPricingTableWithGaps.PreviewProps}
/>API Reference
| 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 |