Navigieren auf digital.sbb.ch

Up-dn-counter

1. Was macht das Element?

  • Das Element zeigt einen Wert, welchen mann erhöhen oder mindern kann.

2. Wann soll das Element eingesetzt werden?

  • Wenn der User zwischen vielen numerischen Werten wählen soll.

3. Regeln

  • Das Element enthält einen Standardwert, welcher mihilfe von zwei Schaltflächen verändert werden kann.
  • Die Schaltflächen beinhalten jeweils ein Plus- und ein Minus-Icon
  • Falls der Standardwert 0 beträgt, wird die Minus-Schaltfläche deaktiviert.

4. Ausprägungen und Zustände

Das Element hat folgende Zustände:

  • Default
  • Min-Value
  • Max-Value

Das Element hat folgende Ausprägungen:

  • listed / boxed

4.1 Listed

Darstellung des Coutners
Darstellung des Coutners

4.1 Boxed

Darstellung des Coutners
Darstellung des Coutners

Design Spezifikation

Figma-Link