Flow

Components

CheckboxGroup

Die Checkbox Gruppe enthält eine logisch zusammenhängende Sammlung von CheckboxenGitHub
Berechtigungen

Beispiel

Berechtigungen
import Checkbox from "@mittwald/flow-react-components/Checkbox";
import CheckboxGroup from "@mittwald/flow-react-components/CheckboxGroup";
import Label from "@mittwald/flow-react-components/Label";

<CheckboxGroup>
  <Label>Berechtigungen</Label>
  <Checkbox value="read">Lesen</Checkbox>
  <Checkbox value="write">Schreiben</Checkbox>
</CheckboxGroup>

Mit Checkbox Buttons

Berechtigungen
import CheckboxButton from "@mittwald/flow-react-components/CheckboxButton";
import CheckboxGroup from "@mittwald/flow-react-components/CheckboxGroup";
import Label from "@mittwald/flow-react-components/Label";

<CheckboxGroup>
  <Label>Berechtigungen</Label>
  <CheckboxButton value="read">Lesen</CheckboxButton>
  <CheckboxButton value="write">Schreiben</CheckboxButton>
</CheckboxGroup>

Mit benutzerdefinierten Spalten

Die CheckboxGroup verwendet das ColumnLayout um eine Anpassung der Spalten zu ermöglichen.

Berechtigungen
import CheckboxButton from "@mittwald/flow-react-components/CheckboxButton";
import CheckboxGroup from "@mittwald/flow-react-components/CheckboxGroup";
import Label from "@mittwald/flow-react-components/Label";

<CheckboxGroup l={[1, 1]} m={[1]}>
  <Label>Berechtigungen</Label>
  <CheckboxButton value="read">Lesen</CheckboxButton>
  <CheckboxButton value="write">Schreiben</CheckboxButton>
</CheckboxGroup>
Feedback geben