Une visite guidée fait découvrir une page, une étape à la fois. Chaque étape désigne un élément avec une carte à côté et assombrit le reste de la page autour ; une étape sans cible s’affiche au centre.

Les étapes sont de simples données : une cible (un sélecteur, un élément ou une fonction qui en trouve un), un titre, et un contenu sous forme de texte ou de template. beforeShow s’exécute d’abord, pour qu’une étape puisse ouvrir le panneau où se trouve sa cible, et la page défile jusqu’à une cible hors de vue.

Chaque carte est une boîte de dialogue. Elle est modale, sauf si l’étape est interactive : on peut alors utiliser ce qu’elle désigne. Échap met fin à la visite, et le focus revient là où il était.

Un premier coup d’œil

Quatre étapes, la première sans cible. finished et dismissed distinguent les deux fins possibles.

Your notes appear here.

Des étapes à essayer

beforeShow ouvre les réglages avant que la deuxième étape ne pointe à l’intérieur, et interactive permet d’utiliser l’interrupteur pendant que la carte est affichée.

Dark mode is off.