mirror of
https://github.com/resend/react-email.git
synced 2026-09-14 14:18:02 +08:00
Gabriel Miranda
43 lines
663 B
Plaintext
43 lines
663 B
Plaintext
---
|
|
title: 'Code Inline'
|
|
sidebarTitle: 'Code Inline'
|
|
description: 'Display a predictable inline code HTML element that works on all email clients.'
|
|
icon: 'code'
|
|
---
|
|
|
|
import Support from '/snippets/support.mdx'
|
|
|
|
## Install
|
|
|
|
Install the component from your command line.
|
|
|
|
<CodeGroup>
|
|
|
|
```sh npm
|
|
npm install react-email -E
|
|
```
|
|
|
|
```sh yarn
|
|
yarn add react-email -E
|
|
```
|
|
|
|
```sh pnpm
|
|
pnpm add react-email -E
|
|
```
|
|
|
|
</CodeGroup>
|
|
|
|
## Getting Started
|
|
|
|
Add the component to your email template. Include styles where needed.
|
|
|
|
```jsx
|
|
import { CodeInline } from "react-email";
|
|
|
|
const Email = () => {
|
|
return <CodeInline>@react-email/code-inline</CodeInline>;
|
|
}
|
|
```
|
|
|
|
<Support/>
|