# @react-email/code

> A block of code to be rendered in your email

Latest version **0.0.2** (published 2022-10-13) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @react-email/code
pnpm add @react-email/code
yarn add @react-email/code
bun add @react-email/code
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2022-10-13 |
| First published | 2022-09-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 5.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | bukinoshita, zenorocha |

## Links

- npm: https://www.npmjs.com/package/@react-email/code
- npm.io page: https://npm.io/package/@react-email/code

## Dependencies (1)

- [react](https://npm.io/package/react.md) 18.2.0

## Recent versions

- 0.0.2 (latest) — 2022-10-13
- 0.0.1 — 2022-09-24

## README

![React Email code cover](https://react.email/static/images/readme/covers/code.png)

<div align="center"><strong>@react-email/code</strong></div>
<div align="center">A block of code to be rendered in your email.</div>
<br />
<div align="center">
<a href="https://react.email">Website</a> 
<span> · </span>
<a href="https://github.com/zenorocha/react-email">GitHub</a> 
<span> · </span>
<a href="https://react.email/discord">Discord</a>
</div>

## Install

Install component from your command line.

#### With yarn

```sh
yarn add @react-email/code -E
```

#### With npm

```sh
npm install @react-email/code -E
```

## Getting started

Add the component to your email template. Include styles where needed.

```jsx
import { Container } from '@react-email/container';
import { Code } from '@react-email/code';

const Email = () => {
  return (
    <Container>
      <Code style={{ color: '#000' }}>const foo = 'bar';</Code>
    </Container>
  );
};
```

## License

MIT License

---
_Source: https://npm.io/package/@react-email/code · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._