Datenliste

Hauptkapitel
Designsystem
Unterkapitel
Komponenten
Gilt für
Websites & Webapplikationen (mit Login)

Darstellung und Verhalten

  • Die Datenliste besteht aus einem Label und einem Wert.
  • Zusätzlich kann optional ein Icon angezeigt werden, das für eine Aktion steht. Folgende Aktionen sind möglich:
    • Link öffnen
    • Wert kopieren

Verhalten

Mobiles Verhalten

Zweispaltige Datenlisten werden auf Mobile einspaltig dargestellt. Die Abstände und Schriftgrössen verändern sich gemäss den definierten Schrift- und Abstandskurven.

Verwendung

Wir geben Nutzenden strukturierte Daten (z.B. die eigenen Adressangaben) jeweils mit Datentyp und Inhalt aus. Datentyp und Inhalt stehen analog den Eingabefeldern jeweils untereinander. Anders als Eingabefelder sind diese Listenelemente aber nicht editierbar (für editierbare Daten nutzen wir die Aktionsliste «Datenset»).

Ein Listenelement für strukturierte Daten kann ein- oder mehrspaltig gelayoutet werden.

Mehrzeilig

Besteht die Information aus mehreren Datenattributen, die zusammengefasst werden, stellen wir die Information als mehrzeilige Datenliste dar. Ein typisches Beispiel sind Adressen.

Kontakt

Digitale Verwaltung - ZHweb

E-Mail

zhweb@sk.zh.ch