0
Sponsor

Bento Grids

Bento grid layouts for showcasing content in organized, multi-column arrangements.

Variants

3 Columns Even Split Image Stats

3 Columns Even Split Text Stats

3 Columns Flush Images

3 Columns Padded Images

Even Split Image Stats

Even Split Text Stats

Even Split Two Thirds

Images with Captions

Images with Details

Two Rows, 3 Column Second Row

Two Thirds with Stats

Installation

$ pnpm dlx shadcn@latest add @emailcn/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

PropTypeDefaultDescription
themeEmailThemedefaultThemeEmail theme styling