Themes
Marketing
Variants
Alternating Bento Grid
Centered Bento Grid
Featured Bento Grid
Four Column Bento Grid
Icon Grid
Masonry Bento Grid
Product Bento Grid
Stats Bento Grid
Bento Grid with CTA
Images with Captions
Images with Details
Installation
$ pnpm dlx shadcn@latest add @emailcn/mjml-bento-grids
Usage
import { BentoGridWith3ColumnsAndEvenSplitImageStats } from "@/components/emails/marketing/bento-grids/bento-grid-with-3-columns-and-even-split-image-stats";<BentoGridWith3ColumnsAndEvenSplitImageStats
{...BentoGridWith3ColumnsAndEvenSplitImageStats.PreviewProps}
/>API Reference
BentoGrids
| Prop | Type | Default | Description |
|---|---|---|---|
theme | EmailTheme | defaultTheme | Email theme styling |