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

Parâmetros
| Parâmetro | Tipo | Descrição |
|---|---|---|
ActiveIndex | int | Índice da etapa atual. Use com @bind-ActiveIndex. |
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
Open | bool | Se o tour está em andamento. Use com @bind-Open. |
Steps | IReadOnlyList<TourStep> | Itens TourStep(selector, title, text). |
Style | string | Estilo embutido adicionado ao elemento raiz. |
Eventos
| Evento | Tipo | Descrição |
|---|---|---|
ActiveIndexChanged | EventCallback<int> | Gerado quando a etapa muda. |
OpenChanged | EventCallback<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.
Enviar feedbackVersão 1.0.3