---
title: Code
slug: code
section: typography
description: description
---

# Code

<Description>Represents keyboard input or a hotkey.</Description>

<ComponentThemesPreview name="code" file="code-demo" />

## API Reference

<PropsTable name="RdxCodeComponent" />

## Examples

### Sizes
Use the `size` prop to control text size.
This prop also provides correct line height and corrective letter spacing—as text size increases,
the relative line height and letter spacing decrease.


<ComponentThemesPreview name="code" file="code-sizes-demo" />


### Variants
Use the `variant` prop to control the visual style.

<ComponentThemesPreview name="code" file="code-variants-demo" />

