@inkdes-email/ul

Un ordered list component for emails.

Installation

# pnpm
pnpm add @inkdes-email/ul

# npm
npm install @inkdes-email/ul

# yarn
yarn add @inkdes-email/ul

Quick start

import { Text } from "@inkdes-email/ul";

export default function EmailTemplate() {
  return <Text spacingBottom='10px' fontWeight='400' fontFamily='Arial' fontSize='20px'>
  Hello world!
  </ul>;
}

Props

| Name | Type | Required | Default | Description | | -------- | --------------- | -------- | ------- | ----------- | | children | React.ReactNode | Yes | — | Content of the email document | | 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 | | color | string | No | — | #000 | | fontSize | string | No | — | | | lineHeight | string | No | — | | | fontWeight | string | No | — | | | className | string | No | — | | | plain | boolean | No | false | Used when you don't want to use table or margin bottom just a paragraph without spacing | | letterSpacing | string | No | — | | | paddingLeft | string | No | 20px | |

All other standard attributes for the <ul> element are supported.

License

MIT © iClasser