Themes
Marketing
Variants
Basic Pills with Status Colors
Installation
$ pnpm dlx shadcn@latest add @emailcn/pill
Usage
import { BasicPillsWithStatusColors } from "@/components/emails/ui-elements/pills/basic-pills-with-status-colors";<BasicPillsWithStatusColors {...BasicPillsWithStatusColors.PreviewProps} />API Reference
Pill
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | Pill label text |
color | "default" | "success" | "warning" | "error" | "info" | "default" | Status color |
theme | EmailTheme | defaultTheme | Email theme styling |