# Label

Labels werden in Formularen (z. B. TextField, NumberField) oder beim LabeledValue verwendet. Dort erläutern sie die Eingabeanforderungen oder setzen Informationen in einen Kontext.

## Overview

# Playground

Verwende `<Label />`, um ein Label anzuzeigen. Labels werden häufig innerhalb
von anderen Komponenten eingesetzt.

```tsx
import { Label } from "@mittwald/flow-react-components";

<Label>Label</Label>
```

---

# States

Das Label hat 2 verschiedene States: **Default** und **Disabled**.

```tsx
import { Label } from "@mittwald/flow-react-components";

<>
  <Label>Default</Label>
  <Label isDisabled>Disabled</Label>
</>
```

**Disabled:** Das Label wird häufig zur Beschreibung komplexerer Komponenten
verwendet. Daher übernimmt es automatisch den State, den die höhere Komponente
hat. Ist zum Beispiel ein
[TextField](/04-components/form-controls/text-field/overview) oder
[NumberField](/04-components/form-controls/number-field/overview) gerade
**disabled**, nimmt das Label den gleichen State an.