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

Wizard

Free

Um 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

Controle Wizard

Parâmetros

Wizard

ParâmetroTipoDescrição
ActiveIndexintÍndice da etapa aberta. Use com @bind-ActiveIndex.
ChildContentRenderFragmentConteúdo renderizado dentro do componente.
ClassstringClasses CSS extras adicionadas ao elemento raiz.
CompletedContentRenderFragmentConteúdo mostrado no lugar do assistente depois que ele é concluído.
FinishTextstringTexto do botão na última etapa.
LinearboolO cabeçalho só abre etapas que já foram alcançadas.
ShowProgressboolMostra uma barra de progresso acima das etapas.
StylestringEstilo embutido adicionado ao elemento raiz.
VerticalboolColoca a lista de etapas ao lado.

WizardStep

ParâmetroTipoDescrição
ChildContentRenderFragmentConteúdo renderizado dentro do componente.
DescriptionstringTexto curto sob o título.
DisabledboolA etapa não pode ser aberta.
ErrorboolMarca a etapa como tendo um problema.
IconIconName?Ícone no marcador em vez do número.
OptionalboolA etapa pode ser pulada.
TitlestringNome da etapa no cabeçalho.
ValidateFunc<Task<bool>>Devolve false para manter o usuário na etapa.

Eventos

Wizard

EventoTipoDescrição
ActiveIndexChangedEventCallback<int>Gerado quando outra guia é selecionada.
OnCancelEventCallbackMostra um botão Cancel e gera isto quando ele é usado.
OnFinishEventCallbackGerado quando a última etapa é concluída.
OnStepChangingEventCallback<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.