Komponenten

Cards

Cards vermitteln Informationen auf kompakte Weise und ermöglichen schnelle Nutzerinteraktionen. In diesem Guide erfahren Sie, wie Cards eingesetzt werden.

Cards
  • Anwendung
  • Beispiele
  • Verwandte Komponente
  • Download

Anwendung

Inhalt

Cards enthalten Informationen und interaktive Elemente wie Bilder, Texte, Links, Buttons oder Icons. Sie beziehen sich stets nur auf ein Thema. Cards helfen Nutzern, die Interaktion mit einem Element schnell zu verstehen.

Cards mit Einzel- oder Mehrfachauswahl

Cards mit Einzel- oder Mehrfachauswahl sind interaktive Elemente, die ähnlich wie Radio Buttons und Checkboxes funktionieren. Sind mehrere Optionen möglich, empfiehlt sich die Auswahl per Checkbox. Ist nur eine Option wählbar, empfehlen wir Radio Buttons.

Cards sind klickbar. Das heißt: Die Card wird durch das Anklicken (oder Antippen) einer beliebigen Stelle des Karteninnenraums aktiviert.

Gruppierte Cards

Feel free to group cards if they contain similar content and if you want to separate them from another group of cards with non-similar content.

Cards mit ähnlichen Inhalten können in einer Gruppe zusammengefasst werden, um sie von Gruppen mit anderem Inhalt abzutrennen.

Beispiele

Verwandte Komponente

Download

Wenn Sie ein Dokument herunterladen, akzeptieren Sie unsere Nutzungsbedingungen.

Sketch UI Library