RayCraftDocs
v1.0.3
pt-BR
raycraft.dev
Nesta página

Tour

Free

Introdução passo a passo que destaca elementos da página escolhidos por um seletor CSS. As etapas sem elemento correspondente aparecem no centro.

Exemplo

Controle Tour

Parâmetros

ParâmetroTipoDescrição
ActiveIndexintÍndice da etapa atual. Use com @bind-ActiveIndex.
ClassstringClasses CSS extras adicionadas ao elemento raiz.
OpenboolSe o tour está em andamento. Use com @bind-Open.
StepsIReadOnlyList<TourStep>Itens TourStep(selector, title, text).
StylestringEstilo embutido adicionado ao elemento raiz.

Eventos

EventoTipoDescrição
ActiveIndexChangedEventCallback<int>Gerado quando a etapa muda.
OpenChangedEventCallback<bool>Gerado quando o tour termina ou é pulado.

Pacote

Tour faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.