beta

Chip

1. Was macht das Element?

  • Es stellt eine Eingabe oder eine Aktion dar.

2. Wann soll das Element eingesetzt werden?

  • Zum Gruppieren von Eingaben.
  • Beim Filtern von Ergebnissen mit vielen Kategorien.

3. Regeln

  • Die Reihenfolge der Chips werden redaktionell bestimmt.
  • Der Begriff im Chip ist immer einzeilig (keine Zeilenumbrüche) und der Chip wächst in der Breite mit dem Text mit.
  • Wird ein Chip aufgrund des Textes zu lang für den Viewport, wird der Text mit «...» gekürzt.
  • Der Input Chip darf nur innerhalb eines Formulars, bzw. eines Eingabe- oder Textarea-Feldes verwendet werden.

4. Ausprägungen und Zustände

4.1 Input Chip

4.1.1 Vermassung

4.2 Filter Chip

4.2.1 Vermassung