# InlineCode

InlineCode hebt Code-Beispiele innerhalb eines Fließtextes hervor.

## Overview

# Playground

Schließe das Code-Beispiel im Tag `<InlineCode />` ein, um es als InlineCode
darzustellen.

```tsx
import {
  InlineCode,
  Text,
} from "@mittwald/flow-react-components";

<Text>
  Gib <InlineCode>yarn start</InlineCode> ein um deine App
  zu starten.
</Text>
```

---

# Color

Zusätzlich zur Standard-Color kann InlineCode in den Colors **Light** und
**Dark** dargestellt werden. Nutze diese Varianten, wenn die Standard-Color auf
farbigen oder dekorativen Hintergründen keinen ausreichenden Kontrast (mind.
4,5:1) bietet.

```tsx
import {
  InlineCode,
  Text,
} from "@mittwald/flow-react-components";

<Text color="light">
  Gib <InlineCode color="light">yarn start</InlineCode> ein
  um deine App zu starten.
</Text>
```

```tsx
import {
  InlineCode,
  Text,
} from "@mittwald/flow-react-components";

<Text>
  Gib <InlineCode color="dark">yarn start</InlineCode> ein
  um deine App zu starten.
</Text>
```