Stepper
FreeGuia o usuário por uma sequência de etapas com os botões Back e Next.
Exemplo
Parâmetros
Stepper
| Parâmetro | Tipo | Descrição |
|---|---|---|
ActiveIndex | int | Índice da guia selecionada. Use com @bind-ActiveIndex. |
AllowJumpBack | bool | Transforma as etapas concluídas do cabeçalho em botões que as reabrem. |
ChildContent | RenderFragment | Conteúdo renderizado dentro do componente. |
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
ShowButtons | bool | Mostra os botões Back e Next. |
Style | string | Estilo embutido adicionado ao elemento raiz. |
StepperStep
| Parâmetro | Tipo | Descrição |
|---|---|---|
ChildContent | RenderFragment | Conteúdo renderizado dentro do componente. |
Title | string | Texto de título (cabeçalho da gaveta, legenda de guia, título de coluna, legenda de etapa). |
Validate | Func<Task<bool>> | Etapa do Stepper: executada antes de avançar, devolva false para permanecer na etapa. Coluna do DataGrid: recebe o item e o valor interpretado e devolve um texto de erro ou null. |
Eventos
Stepper
| Evento | Tipo | Descrição |
|---|---|---|
ActiveIndexChanged | EventCallback<int> | Gerado quando outra guia é selecionada. |
OnCancel | EventCallback | Mostra um botão Cancel e gera isto quando ele é pressionado. |
OnFinish | EventCallback | Gerado quando Next é pressionado na última etapa. |
Pacote
Stepper faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.
Enviar feedbackVersão 1.0.3