Um tour guia os usuários por uma página, uma etapa de cada vez. Cada etapa aponta para um elemento com um card ao lado e escurece o resto da página em volta; uma etapa sem alvo aparece no meio.
As etapas são dados simples: um alvo (um seletor, um elemento ou uma função que encontra um), um título e o conteúdo como texto ou template. beforeShow roda antes, então uma etapa pode abrir o painel onde fica o alvo dela, e a página rola até um alvo que está fora de vista.
Cada card é um diálogo. Ele é modal, a menos que a etapa seja interactive: nesse caso, dá para usar o elemento para o qual ele aponta. Esc encerra o tour, e o foco volta para onde estava.
Uma primeira olhada
Quatro etapas, a primeira sem alvo. finished e dismissed distinguem os dois finais possíveis.
Your notes appear here.
Etapas para experimentar
beforeShow abre as configurações antes que a segunda etapa aponte para dentro delas, e interactive deixa usar o interruptor enquanto o card está aberto.
Dark mode is off.