0
Sponsor

Grids

Responsive grid layouts for multi-column email content.

Variants

One Column Grid

2 Columns Grid

3 Columns Grid

4 Columns Grid

1-3 Split Grid

3-1 Split Grid

Installation

$ pnpm dlx shadcn@latest add @emailcn/mjml-grid

Usage

import { OneColumnGrid } from "@/components/emails/ui-elements/grids/one-column-grid";
<OneColumnGrid {...OneColumnGrid.PreviewProps} />

API Reference

Grid

PropTypeDefaultDescription
themeEmailThemedefaultThemeEmail theme styling