Navigieren auf digital.sbb.ch

Beta

Picker

1. Was macht das Element?

  • Dient zur Eingabe eines Werts, z.B. Datum, Zeit oder Kombination davon.

2. Wann soll das Element eingesetzt werden?

  • Wenn vom Benutzer ein Datums- und/oder Zeitwert verlangt wird.

3. Regeln

  • Die Wertangaben sind immer einzeilig.
  • Das Element hat immer ein Label.
  • Optionale Eingaben werden mit dem Text «(optional)» hinter dem Label versehen. Bei kurzen Feldern kann der Text «(optional)» mit «(opt.)» abgekürzt werden.
  • Für detaillierte Erklärungen kann im Eingabefeld ein Infoicon dargestellt werden. Beim Klick auf dieses Infoicon öffnet sich ein Tooltip.
  • Mit Klick ins Eingabefeld öffnet sich der Date-/Timepicker. Innerhalb des Pickers dürfen maximal 3 Auswahlräder zur Verfügung stehen.

4. Ausprägungen und Zustände

Das Element hat folgende Ausprägungen:

  • Standard
  • Datum
  • Datum und Zeit

4.1 Inline

Darstellung Picker, Inline
Darstellung Picker, Inline

Design Spezifikation

4.2 Sheet

Darstellung Picker, Sheet
Darstellung Picker, Sheet

Design Spezifikation

Daten konnten nicht geladen werden.
https://raw.githubusercontent.com/sbb-design-systems/design-system-mobile-documentation/master/documentation/elements/picker/picker-de.md