# Chip.

## Übersicht

### Was macht die Komponente?

- Kategorisiert eine grosse Anzahl an Informationen.

### Wann soll die Komponente eingesetzt werden?

- Beim Filtern von Ergebnissen mit vielen Kategorien.

### Regeln

- Ein Tag hat immer einen Indikator, welcher angibt wie viele Ergebnisse dahinterstecken.
- Der Begriff im Tag ist immer einzeilig (keine Zeilenumbrüche) und das Tag selber wächst in der Breite mit dem Text mit.

## Varianten

### Zustände

Die Komponente hat folgende Zustände:

- Default
- Selected
- Disabled

### Varianten

#### Default

![Darstellung des Chips](https://digital.sbb.ch/assets/images/mobile/chip-light.webp "Chip")

![Darstellung des Chips](https://digital.sbb.ch/assets/images/mobile/chip-dark.webp "Chip")

### Spezifikationen

[Design](https://www.figma.com/design/ZBotr4yqcEKqqVEJTQfSUa/Design-System-Mobile?node-id=129-3181&t=OQ7s4wE6eWI2fLGh-1)

---

Source: https://digital.sbb.ch/de/design-system/mobile/components/chip/