# Switch

Mit einem Switch können User Optionen ein- oder ausschalten. Die Component wird normalerweise verwendet, um bestimmte Einstellungen zu aktivieren oder zu deaktivieren.

## Overview

# Playground

Verwende `<Switch />`, um einen Switch darzustellen.

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

<Switch defaultSelected>Autoresponder</Switch>
```

---

# Label-Position: Links

Die Positionierung des Labels sollte sich am Seitenlayout orientieren. Steht der Switch rechtsbündig, sollte die Beschriftung links davor platziert werden.
So erfasst der User zuerst den Zweck, bevor die Aktion ausführt wird.

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

<Switch labelPosition="leading">Autoresponder</Switch>
```

---

# Disabled

In Ausnahmefällen kann ein deaktivierter Switch verwendet werden, um eine Funktion temporär als nicht verfügbar darzustellen, ohne diesen vollständig aus der Oberfläche zu entfernen.

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

<Switch isDisabled>Autoresponder</Switch>
```