> ## Documentation Index
> Fetch the complete documentation index at: https://react.email/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Markdown
> A Markdown component that converts markdown to valid react-email template code
## Install
Install component from your command line.
```sh npm theme={"theme":{"light":"github-light","dark":"vesper"}}
npm install react-email -E
```
```sh yarn theme={"theme":{"light":"github-light","dark":"vesper"}}
yarn add react-email -E
```
```sh pnpm theme={"theme":{"light":"github-light","dark":"vesper"}}
pnpm add react-email -E
```
## Getting started
Add the component to your email template. Include styles where needed.
```jsx theme={"theme":{"light":"github-light","dark":"vesper"}}
import { Markdown, Html } from "react-email";
const Email = () => {
return (
{`# Hello, World!`}
{/* OR */}
);
};
```
## Props
Contains the markdown content that will be rendered in the email template
Provide custom styles for the containing div that wraps the markdown content
Provide custom styles for the corresponding html element (p, h1, h2, etc.)
Note: Passing a custom style for an element overrides the default styles.
## Support
All components were tested using the most popular email clients.
Gmail
Apple Mail
Outlook
Yahoo! Mail
HEY
Superhuman