Themes
Marketing
Variants
Full Width Image
Full Width Image with Overlay
2 Columns Image Grid
2 Columns Image Grid with Full Width Feature
2 Columns Masonry Image Grid (3 Images)
2 Columns Masonry Image Grid (4 Images)
3 Columns Image Grid
3 Columns Image Grid with Full Width Feature
3 Columns Masonry Image Grid
3 Columns Masonry Image Grid with Full Width Feature
Installation
$ pnpm dlx shadcn@latest add @emailcn/images
Usage
import { FullWidthImage } from "@/components/emails/marketing/images/full-width-image";<FullWidthImage {...FullWidthImage.PreviewProps} />API Reference
Images
| Prop | Type | Default | Description |
|---|---|---|---|
theme | EmailTheme | defaultTheme | Email theme styling |
On This Page
VariantsFull Width ImageFull Width Image with Overlay2 Columns Image Grid2 Columns Image Grid with Full Width Feature2 Columns Masonry Image Grid (3 Images)2 Columns Masonry Image Grid (4 Images)3 Columns Image Grid3 Columns Image Grid with Full Width Feature3 Columns Masonry Image Grid3 Columns Masonry Image Grid with Full Width FeatureInstallationUsageAPI ReferenceImages