# Chip.

## Overview

### What does the component do?

- It categorises a large amount of information.

### When should the component be used?

- For filtering results with lots of categories.

### Rules

- A tag always has an indicator which shows how many results are behind it.
- The term in the tag is always single-line (no line breaks) and the tag itself increases in width with the text.

## Variants

### States

The component has the following states:

- Default
- Selected
- Disabled

### Variants

#### Default

![Image of the chip](https://digital.sbb.ch/assets/images/mobile/chip-light.webp "Chip")

![Image of the chip](https://digital.sbb.ch/assets/images/mobile/chip-dark.webp "Chip")

### Specification

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

---

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