Skip to main content

​
1. Install dependencies

Install the InkDes Email package locally and a few components. 
# pnpm
pnpm add @inkdes-email/components

# npm
npm install @inkdes-email/components

# yarn
yarn add @inkdes-email/components

​
2. Usage

import { Badge } from "@inkdes-email/components";

export default function EmailTemplate() {
  return <>
      <Badge varient='default'>
        <span>Text</span>
     </Badge>
  </>
}

​
Props

NameTypeRequiredDefaultDescription
childrenReact.ReactNodestringYes—-
dir”ltr” | “rtl”NoComes from wrapping Html component’s dir context prop which is ltrText direction for the wrapper cell
spacingstringNoComes from wrapping Html component’s defaultSpacing context prop which is 20pxSpacing bottom, by default comes from Html defaultSpacing prop
varientstringNodefault—
paddingstringNo6px 8pxinside padding
noPaddingbooleanNofalse—
⌘I