---
title: "<Code>"
description: "A monospace code block — handy for API keys and snippets."
url: https://www.unitpost.com/components/code
section: Components
updated: 2026-07-14
---
# <Code>

## <Code>

> A monospace code block — handy for API keys and snippets.


```tsx
<Code>npm install @unitpost/email</Code>
```

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `background-color` | color | #f4f4f5 | Block background. |
| `color` | color | #1a1a1a | Code text color. |

## Related

- [<Html>](https://www.unitpost.com/components/html): A raw HTML escape hatch — pasted markup is preserved verbatim (sanitized).
- [<Section>](https://www.unitpost.com/components/section): A padded layout container that groups blocks with a background.
- [<Row>](https://www.unitpost.com/components/row): A multi-column container — holds <Column> children side by side.