Button. Übersicht

Was macht die Komponente?

  • Löst eine Aktion aus.

Wann soll die Komponente eingesetzt werden?

  • Beim Starten oder Beenden eines Prozesses.
  • Beim Absenden eines Formulars.
  • Beim Aufrufen einer Funktion.

Regeln

  • Darf nicht innerhalb von Fliesstext eingesetzt werden.
  • Der Text ist immer einzeilig.
  • Pro Seite/Dialog darf nur ein Primary Button eingesetzt werden.
  • Pro Seite/Dialog sind mehrere Secondary Buttons erlaubt.
  • Secondary Buttons dürfen nur eingesetzt werden, wenn bereits ein Primary Button vorhanden ist.
 Varianten

Zustände

Die Komponente hat folgende Zustände:

  • Normal
  • Pressed
  • Disabled
  • Loading

Varianten

Primary

Darstellung des Primary Button
Darstellung des Primary Button
  • Ganze Breite des Screens oder des modalen Dialogs (abzüglich Abstand).

Secondary

Darstellung des Secondary Button
Darstellung des Secondary Button
  • Ganze Breite des Screens oder des modalen Dialogs (abzüglich Abstand).

Tertiary

Label und Icon
Darstellung des Tertiary Buttons mit Label und Icon
Darstellung des Tertiary Buttons mit Label und Icon
Label
Darstellung des Tertiary Buttons mit Label und Icon
Darstellung des Tertiary Buttons mit Label und Icon
Icon
Darstellung des Tertiary Buttons mit Icon
Darstellung des Tertiary Buttons mit Icon

Tertiary small

Label und Icon
Darstellung des Tertiary Small Buttons mit Label und Icon
Darstellung des Tertiary Small Buttons mit Label und Icon
Label
Darstellung des Tertiary Small Buttons mit Label
Darstellung des Tertiary Small Buttons mit Label
Icon
Darstellung des Tertiary Small Buttons mit Icon
Darstellung des Tertiary Small Buttons mit Icon

Spezifikationen

Design