mittwald Flow Logo

Components

Switch

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

Playground

Verwende <Switch />, um einen Switch darzustellen.

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

<Switch defaultSelected>Autoresponder</Switch>

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.

Autoresponder
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.

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

<Switch isDisabled>Autoresponder</Switch>

Overview