Wann welche Komponente?
Entscheidungshilfe für die richtige Komponentenwahl.
Entscheidungsbaum
Starten Sie hier, um die richtige Komponente zu finden.
Brauche ich eine Benutzereingabe?
Ja
Welche Art?
Nein
Was möchte ich anzeigen?
Brauche ich eine Benachrichtigung?
Brauche ich Navigation?
Häufige Verwechslungen
Komponenten, die ähnlich aussehen, aber unterschiedliche Zwecke haben.
Badge vs. Chip
Badge
Nur Anzeige — Status, Kategorie, CME-Punkte. Nicht klickbar.
CME-ZERTIFIZIERT, LIVE-WEBINAR, Abgeschlossen
vs.
Chip
Interaktiv — Filter auswählen, Tags entfernen. Klickbar.
Neurologie ×, Epilepsie, Schlaganfall
Alert vs. Toast
Alert
Bleibt sichtbar im Seiteninhalt. Benutzer kann optional schließen.
Hinweis: Ihre Sitzung läuft in 5 Minuten ab.
vs.
Toast
Verschwindet automatisch nach 4 Sekunden. Kurze Bestätigung.
✓ Erfolgreich gespeichert!
Tabs vs. StepIndicator
Tabs
Gleichwertige Inhalte wechseln. Keine Reihenfolge.
Meine Kurse | Zertifikate | Einstellungen
vs.
StepIndicator
Sequenzieller Prozess mit Fortschritt. Reihenfolge wichtig.
1. Kurs wählen → 2. Anmelden → 3. Bezahlen
Input vs. Slider
Input
Exakter Wert nötig. Freitexteinabe.
E-Mail: max@beispiel.de
vs.
Slider
Ungefährer Wert in einem Bereich. Visuelles Feedback.
CME-Jahresziel: 150 Punkte
Modal vs. Alert
Modal
Blockiert Seiteninteraktion. Aktion erforderlich.
Möchten Sie sich wirklich abmelden?
vs.
Alert
Informativ, Seite bleibt nutzbar.
Neue Fortbildung verfügbar.
Schnellreferenz
Alle Komponenten nach Kategorie.
Primitives
Datenanzeige
Feedback
Overlays