Docs
Components
Typography

Typography

Beautiful typographic defaults for HTML you do control

Basic Usage

ℹ️

Note: If you aren't excited about using all of these HTML tags, check the example With MDX, which uses our Markdown component to power email with MDX.

Installation

If you haven't installed MailingUI in your project, please go through the Installation docs first.

npx @mailingui/cli add typography
  • -p, --path define base path to your MailingUI components (default: "./src/mailingui")
  • -o, --overwrite overwrite existing configuration (default: false)
  • -h, `--help`` display help for command

Examples

With MDX

ℹ️

Note: Using MDX gives us the flexibility to change the styles you need per-email basis. Here we'll set those headings a bit bolder and reduce the typography's flow. For more themeing see: Theming

Headings

Paragraphs

Blockquotes

Unordered List

Ordered List

Link

Inline Code

Images

Images for Icons