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.ReactNodeYes—Content of the email document
styleReact.CSSPropertiesYes—-
selectorArray of strings of css selectorsNo—
All other standard Head attributes for the <css> element are supported.
⌘I