Was macht die Komponente?

Löst eine Aktion auf einer Seite aus.

Wann soll die Komponente eingesetzt werden?

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

Regeln

• Darf nicht innerhalb von Fliesstext eingesetzt werden.
• Darf nicht im Header als Navigation oder Funktion eingesetzt werden.
• Die Mindestbreite beträgt 60px, die Maximalbreite 400px.
• Die Breite wächst mit der Textlänge. Beim Einsatz im Next Best Click (NBC) oder in mobilen Ansichten ist die Breite 100%.
• Ist der Text beim Erreichen der Maximallänge immer noch zu lang, wird dieser mit «...» abgekürzt.
• Der Text ist immer einzeilig.
• In Ausnahmefällen darf das Pfeil-Icon durch ein anderes, passendes Icon ersetzt werden.
• Pro Seite darf nur ein Primary Button eingesetzt werden.
• Secondary, Ghost und Frameless Buttons dürfen nur eingesetzt werden, wenn bereits ein Primary Button vorhanden ist.

Zustände

Die Komponente hat folgende Zustände:

• Default
• Hover
• On-click
• Disabled

Varianten

Primary Button

Secondary Button

Ghost Button

Frameless Button

Spezifikationen

DesignCode