# List-View.

## Übersicht

### Was macht die Komponente?

- Dient zur strukturierten Anzeige von Elementen.

### Wann soll die Komponente eingesetzt werden?

- Bei der Auflistung von mehreren, gleichartigen Elementen.

### Regeln

- Die Liste enthält Elemente gemäss der Beschreibung unter [Listen-Eintrag](https://digital.sbb.ch/de//design-system/mobile/components/list-item/).

## Varianten

### Varianten

Die Komponente hat folgende Varianten

- mit Titel / ohne Titel
- listed / boxed

#### Listed, mit Titel

![Darstellung einer Liste mit Titel](https://digital.sbb.ch/assets/images/mobile/list-view-with-title-light.webp "Liste mit Titel")

![Darstellung einer Liste mit Titel](https://digital.sbb.ch/assets/images/mobile/list-view-with-title-dark.webp "Liste mit Titel")

#### Listed, ohne Titel

![Darstellung einer Liste ohne Titel](https://digital.sbb.ch/assets/images/mobile/list-view-without-title-light.webp "Liste ohne Titel")

![Darstellung einer Liste ohne Titel](https://digital.sbb.ch/assets/images/mobile/list-view-without-title-dark.webp "Liste ohne Titel")

#### Boxed, mit Titel

![Darstellung einer Liste in einer Box mit Titel](https://digital.sbb.ch/assets/images/mobile/list-view-with-title-boxed-light.webp "Liste in einer Box mit Titel")

![Darstellung einer Liste in einer Box mit Titel](https://digital.sbb.ch/assets/images/mobile/list-view-with-title-boxed-dark.webp "Liste in einer Box mit Titel")

#### Boxed, ohne Titel

![Darstellung einer Liste in einer Box ohne Titel](https://digital.sbb.ch/assets/images/mobile/list-view-without-title-boxed-light.webp "Liste in einer Box ohne Titel")

![Darstellung einer Liste in einer Box ohne Titel](https://digital.sbb.ch/assets/images/mobile/list-view-without-title-boxed-dark.webp "Liste in einer Box ohne Titel")

### Spezifikationen

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

---

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