# CheckboxGroup

Die CheckboxGroup fasst mehrere Checkboxen oder CheckboxButtons logisch in einer Gruppierung zusammen.

## Guidelines

# Grundlagen

## Best practices

Achte bei der Verwendung einer CheckboxGroup darauf, dass ...

- das Label die Gruppierung logisch und prägnant beschreibt.
- die Reihenfolge der
  [Checkboxen](/04-components/form-controls/checkbox/overview) bzw.
  [CheckboxButtons](/04-components/form-controls/checkbox-button/overview)
  sinnvoll gewählt ist – zum Beispiel nach Relevanz, alphabetisch oder
  thematisch gruppiert.
- die Anzahl der Auswahlmöglichkeiten überschaubar bleibt. Zu viele Optionen
  führen schnell zu Überforderung.

## Verwendung

Verwende eine CheckboxGroup, um ...

- mehrere Checkboxen oder CheckboxButtons sinnvoll zu strukturieren.
- dem User eine Mehrfachauswahl anzubieten.

## CheckboxGroup vs. RadioGroup

Mit einer CheckboxGroup oder mit einer
[RadioGroup](/04-components/form-controls/radio-group/overview) erhalten User
verschiedene Auswahlmöglichkeiten. Um die beiden besser unterscheiden zu können,
hier ein paar hilfreiche Anhaltspunkte.

  

- eine Mehrfachauswahl darzustellen.
    - [Checkboxen](/04-components/form-controls/checkbox/overview) oder [CheckboxButtons](/04-components/form-controls/checkbox-button/overview) sinnvoll zu strukturieren.

  

- eine Einfachauswahl darzustellen.
    - Radios oder RadioButtons sinnvoll zu strukturieren.