Un tour accompagna gli utenti attraverso una pagina, un passaggio alla volta. Ogni passaggio punta a un elemento con una card accanto e oscura il resto della pagina intorno; un passaggio senza target compare al centro.

I passaggi sono semplici dati: un target (un selettore, un elemento o una funzione che lo trova), un titolo e un contenuto come testo o template. beforeShow viene eseguito prima, così un passaggio può aprire il pannello in cui si trova il suo target, e se il target è fuori vista, la pagina scorre fin lì.

Ogni card è un dialog. È modale, a meno che il passaggio sia interactive: allora si può usare ciò a cui punta. Esc termina il tour, e il focus torna dov’era.

Un primo sguardo

Quattro passaggi, il primo senza target. finished e dismissed distinguono i due modi in cui finisce il tour.

Your notes appear here.

Passaggi da provare

beforeShow apre le impostazioni prima che il secondo passaggio punti al loro interno, e interactive permette di usare l’interruttore mentre la card è visibile.

Dark mode is off.