Diggi Docs
SelectableTile
Die Selectable Tile bietet Auswahlmöglichkeiten und erlauben dem Nutzer die Auswahl einer einzelnen Optionen

Verwendung

  • Es müssen mindestens zwei Selectable Tiles miteinander kombiniert werden, um eine Auswahlmöglichkeit zu gewährleisten.
  • Large kann Images einsetzen, Small besteht nur aus Text.
  • Die Größe und Seitenverhältnis können je nach Inhalt variieren. Wichtig ist, dass alle Selectable Tiles einer Gruppe die gleiche Größe haben.
  • Für einen Multiselekt kann zusätzlich eine Checkbox in die Selectable Tile integriert werden. Andere Interaktions Elemente innerhalb der Selectable Tile sind nicht zulässig.
  • Seitenverhältnis des Bildes kann 16:9 oder 1:1 betragen.
Bei Verwendung des Types Radio müssen die Tiles mit einer RadioGroup Komponente umschlossen sein.

Beispiele

Selectable Tile Large

Selectable Tile Large Checkbox

Selectable Tile Small

Selectable Tile Small Checkbox

Selectable Tile Radio Style


Do's and Don'ts

do dont

Do

Don't

Einsatz mit Checkbox

Einsatz mit Radiobutton