1. Install dependencies
Install the EmailUX Email package locally and a few components.# pnpm
pnpm add @emailux/components
# npm
npm install @emailux/components
# yarn
yarn add @emailux/components
2. Usage
import { Badge } from "@emailux/components";
export default function EmailTemplate() {
return <>
<Badge varient='default'>
<span>Text</span>
</Badge>
</>
}
Props
| Name | Type | Required | Default | Description | |
|---|---|---|---|---|---|
| children | React.ReactNode | string | Yes | — | - |
| dir | ”ltr” | “rtl” | No | Comes from wrapping Html component’s dir context prop which is ltr | Text direction for the wrapper cell | |
| spacing | string | No | Comes from wrapping Html component’s defaultSpacing context prop which is 20px | Spacing bottom, by default comes from Html defaultSpacing prop | |
| varient | string | No | default | — | |
| padding | string | No | 6px 8px | inside padding | |
| noPadding | boolean | No | false | — |