@inkdes-email/css
v0.1.1
Published
A React email css component to to style your email (InkDes Mailer)
Downloads
58
Maintainers
iclasserReadme
@inkdes-email/css
Css component used inside tag.
Installation
# pnpm
pnpm add @inkdes-email/css
# npm
npm install @inkdes-email/css
# yarn
yarn add @inkdes-email/cssQuick start
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
| Name | Type | Required | Default | Description | | -------- | ---------------------- | -------- | ------- | ----------------------------------- | | children | React.ReactNode | Yes | — | Content of the email document | | style | React.CSSProperties | Yes | — | - | | selector | Array of strings of css selectors | No | — | |
All other standard Head attributes for the <css> element are supported.
License
MIT © iClasser