Installation
$ pnpm dlx shadcn@latest add @emailcn/grid-stats
Usage
import { GridStats } from "@/components/emails/marketing/stats/grid-stats";
<GridStats variant="accent-column" layout="bento" />;Examples
Simple
Outlined — 3 columns
Outlined — Bento
Outlined — Bento reversed
Bordered — 3 columns
Bordered — Bento
Bordered — Bento reversed
Boxed — 3 columns
Boxed — Bento
Boxed — Bento reversed
Accent column — 3 columns
Accent column — Bento
Accent column — Bento reversed
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "simple" | "outlined" | "bordered" | "boxed" | "accent-column" | "boxed" | visual treatment |
layout | "three-columns" | "bento" | "bento-reversed" | "three-columns" | Layout used by styled treatments |
theme | TailwindConfig | defaultTheme | Email theme styling |
On This Page
InstallationUsageExamplesSimpleOutlined — 3 columnsOutlined — BentoOutlined — Bento reversedBordered — 3 columnsBordered — BentoBordered — Bento reversedBoxed — 3 columnsBoxed — BentoBoxed — Bento reversedAccent column — 3 columnsAccent column — BentoAccent column — Bento reversedAPI Reference