Principes Bases Accessibilité Système de design Guidelines Deutsch Français Italiano English Nos principes de design Centré sur l’utilisateur Reconnaissable Inclusif Minimaliste Holistique Auto-explicatif Axé sur les tâches Approprié Portail de la marque CFF Logo Horloge numérique Droits d’utilisation Couleurs de base Couleurs supplémentaires Couleurs off-brand Icônes Icônes de l’horaire Pictogrammes À propos de l’accessibilité À propos de ce guide Contact Informations complémentaires Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Conception Développer FAQ Aide Procès Contribution Contact Aperçu Base Composants Aperçu Releases Design Tokens Composants Aperçu Base Informations Aperçu Base Composants Aperçu Power-Apps Bandeaux publicitaires numériques SAP IA Design : Bases Icônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch English Stepper Übersicht

Was macht die Komponente?

  • Anzeigen von einem Ablauf.

Wann soll die Komponente eingesetzt werden?

  • Bei Prozessen, welche mindestens zwei Schritte haben.

Regeln

  • Wird bei mindestens zwei und maximal sechs Schritten eingesetzt.
  • Abgeschlossene Schritte werden gekennzeichnet.
Varianten

Die Komponente hat folgende Zustände:

  • Numeric
  • Icon
  • Default: Verwendung im Content
  • Red: Verwendung im Header

Varianten

Die Komponente hat folgende Varianten:

  • Resizing: Fixe oder Volle Breite
  • Type: Numerisch oder mit Icons
  • Anzahl Schritte: 2 bis 6

Default

Darstellung des Stepper
Darstellung des Stepper

Red

Darstellung des Stepper auf roten Hintergründen
Darstellung des Stepper auf roten Hintergründen

Spezifikationen

Design