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 { Html, Head } from "@inkdes-email/components";
import { Css } from "@inkdes-email/css";
// Can also be imported from "@inkdes-email/components"
// import { Css } from "@inkdes-email/components";

export default function EmailTemplate() {
  return <Html>
  <Head>
    <Css 
      selector={['body', '.inkdes-table']} 
      style={{ fontSize: '12px', lineHeight: '24px', color: '#000' }}
      />
  <Head>
</Html>

Props

NameTypeRequiredDefaultDescription
childrenReact.ReactNodeYesContent of the email document
styleReact.CSSPropertiesYes-
selectorArray of strings of css selectorsNo
All other standard Head attributes for the <css> element are supported.
I