Eine Tour führt Nutzer Schritt für Schritt durch eine Seite. Jeder Schritt zeigt mit einer Karte daneben auf ein Element und dunkelt den Rest der Seite drumherum ab; ein Schritt ohne Ziel erscheint in der Mitte.

Schritte sind einfache Daten: ein Ziel (ein Selektor, ein Element oder eine Funktion, die eines findet), ein Titel und Inhalt als Text oder Template. beforeShow läuft zuerst, sodass ein Schritt das Panel öffnen kann, in dem sein Ziel liegt, und zu einem Ziel außerhalb des sichtbaren Bereichs wird gescrollt.

Jede Karte ist ein Dialog. Sie ist modal, außer der Schritt ist interactive: Dann lässt sich benutzen, worauf sie zeigt. Esc beendet die Tour, und der Fokus kehrt dorthin zurück, wo er war.

Ein erster Blick

Vier Schritte, der erste ohne Ziel. finished und dismissed unterscheiden die beiden möglichen Enden der Tour.

Your notes appear here.

Schritte zum Ausprobieren

beforeShow öffnet die Einstellungen, bevor der zweite Schritt hineinzeigt, und interactive macht den Schalter bedienbar, während die Karte offen ist.

Dark mode is off.