CheckboxGroup

Playground

Verwende <CheckboxGroup /> zusammen mit mehreren <Checkbox /> oder <CheckboxButtons />, um eine CheckboxGroup darzustellen. Über der CheckboxGroup kann ein beschreibendes Label verwendet werden.

import {
  Checkbox,
  CheckboxGroup,
  Label,
} from "@mittwald/flow-react-components";

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

CheckboxButtons

Eine CheckboxGroup kann entweder mit CheckboxButtons oder Checkboxen gefüllt werden.

Spalten

Die CheckboxGroup verwendet das ColumnLayout, um eine Anpassung der Spalten zu ermöglichen. Bei der Verwendung von CheckboxButtons entspricht der Default dem des ColumnLayouts, während Checkboxen im Default untereinander angezeigt werden.

Kombiniere mit ...

FieldDescription

Um wichtige Hinweise zu den Auswahloptionen der CheckboxGroup bereitzustellen, kann unterhalb der Gruppe eine <FieldDescription /> eingebaut werden.

ContextualHelp

Benutze das ContextualHelp, um weitere Informationen bereitstellen zu können.

React Hook Form