Zum Inhalt springen
fend-ui
Vorschau

Onboarding-Tour

Geführte Einführung mit Spotlight-Ausschnitt und Popover am Ziel. Die Tour setzt den Fokus in den Dialog und hält ihn dort, scrollt jedes Ziel in Sicht, wechselt per Pfeiltasten den Schritt und überspringt Ziele, die gerade nicht im DOM sind. Über storageKey merkt sie sich den Abschluss in localStorage; im unkontrollierten Modus startet sie danach nicht erneut.

Geführte Tour

Spotlight, Popover und Fortschritt „2 von 3“. Der Fokus bleibt im Dialog; Pfeiltasten wechseln den Schritt, Escape schließt.

Dienstplan Station 3B

Montag, 16. November

Belegung86 %
Offene Schichten2
Überstunden14,5 h

Heute im Dienst

  • Lena MaierFrühschicht · 06:00
  • Jonas WeberSpätschicht · 14:00

Tastatur: Pfeiltasten wechseln den Schritt, Escape schließt die Tour.

Fehlendes Ziel

Das erste Ziel ist nicht im DOM. Die Tour überspringt es und startet beim nächsten vorhandenen Schritt – der Fortschritt zeigt weiterhin die echte Position.

Sichtbares Ziel

Dieser Bereich ist der zweite Schritt und deshalb sofort markiert.

Platzierung

Vier Wunschseiten am Ziel. Probieren Sie die Richtungen aus – auf schmalen Viewports weicht das Popover automatisch aus.

Ziel für die Platzierung

Das Popover erscheint auf der gewählten Seite dieses Kastens.