Wizard
FreeUm fluxo guiado em etapas. Cada etapa pode validar antes de o usuário avançar, uma etapa pode ser opcional, etapas concluídas podem ser reabertas e o resultado pode mostrar uma página própria.
Exemplo

Parâmetros
Wizard
| Parâmetro | Tipo | Descrição |
|---|---|---|
ActiveIndex | int | Índice da etapa aberta. Use com @bind-ActiveIndex. |
ChildContent | RenderFragment | Conteúdo renderizado dentro do componente. |
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
CompletedContent | RenderFragment | Conteúdo mostrado no lugar do assistente depois que ele é concluído. |
FinishText | string | Texto do botão na última etapa. |
Linear | bool | O cabeçalho só abre etapas que já foram alcançadas. |
ShowProgress | bool | Mostra uma barra de progresso acima das etapas. |
Style | string | Estilo embutido adicionado ao elemento raiz. |
Vertical | bool | Coloca a lista de etapas ao lado. |
WizardStep
| Parâmetro | Tipo | Descrição |
|---|---|---|
ChildContent | RenderFragment | Conteúdo renderizado dentro do componente. |
Description | string | Texto curto sob o título. |
Disabled | bool | A etapa não pode ser aberta. |
Error | bool | Marca a etapa como tendo um problema. |
Icon | IconName? | Ícone no marcador em vez do número. |
Optional | bool | A etapa pode ser pulada. |
Title | string | Nome da etapa no cabeçalho. |
Validate | Func<Task<bool>> | Devolve false para manter o usuário na etapa. |
Eventos
Wizard
| Evento | Tipo | Descrição |
|---|---|---|
ActiveIndexChanged | EventCallback<int> | Gerado quando outra guia é selecionada. |
OnCancel | EventCallback | Mostra um botão Cancel e gera isto quando ele é usado. |
OnFinish | EventCallback | Gerado quando a última etapa é concluída. |
OnStepChanging | EventCallback<WizardStepChange> | Gerado antes de a etapa mudar; defina Cancel no argumento para permanecer. |
Pacote
Wizard faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.
Enviar feedbackVersão 1.0.3