Un recorrido guía a los usuarios por una página, paso a paso. Cada paso señala un elemento con una tarjeta al lado y atenúa el resto de la página a su alrededor; un paso sin objetivo aparece en el centro.

Los pasos son datos simples: un objetivo (un selector, un elemento o una función que lo encuentra), un título y un contenido en forma de texto o de plantilla. beforeShow se ejecuta antes, así que un paso puede abrir el panel donde está su objetivo, y si el objetivo no está a la vista, la página se desplaza hasta él.

Cada tarjeta es un diálogo. Es modal, salvo que el paso sea interactive: entonces se puede usar lo que señala. Esc termina el recorrido, y el foco vuelve a donde estaba.

Un primer vistazo

Cuatro pasos, el primero sin objetivo. finished y dismissed distinguen las dos formas de terminar.

Your notes appear here.

Pasos para probar

beforeShow abre los ajustes antes de que el segundo paso señale algo dentro de ellos, e interactive permite usar el interruptor mientras la tarjeta está visible.

Dark mode is off.