Stepper
FreeGuía al usuario por una secuencia de pasos con los botones Back y Next.
Ejemplo
Parámetros
Stepper
| Parámetro | Tipo | Descripción |
|---|---|---|
ActiveIndex | int | Índice de la pestaña seleccionada. Úselo con @bind-ActiveIndex. |
AllowJumpBack | bool | Convierte los pasos terminados del encabezado en botones que los reabren. |
ChildContent | RenderFragment | Contenido representado dentro del componente. |
Class | string | Clases CSS adicionales que se agregan al elemento raíz. |
ShowButtons | bool | Muestra los botones Back y Next. |
Style | string | Estilo en línea agregado al elemento raíz. |
StepperStep
| Parámetro | Tipo | Descripción |
|---|---|---|
ChildContent | RenderFragment | Contenido representado dentro del componente. |
Title | string | Texto del título (encabezado del panel lateral, rótulo de pestaña, encabezado de columna, rótulo de paso). |
Validate | Func<Task<bool>> | Paso de Stepper: se ejecuta antes de continuar, devuelva false para quedarse en el paso. Columna de DataGrid: recibe el elemento y el valor analizado y devuelve un texto de error o null. |
Eventos
Stepper
| Evento | Tipo | Descripción |
|---|---|---|
ActiveIndexChanged | EventCallback<int> | Se genera cuando se selecciona otra pestaña. |
OnCancel | EventCallback | Muestra un botón Cancel y genera esto cuando se pulsa. |
OnFinish | EventCallback | Se genera cuando se pulsa Next en el último paso. |
Paquete
Stepper forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.
Enviar comentariosVersión 1.0.3