RayCraftDocs
v1.0.3
es
raycraft.dev
En esta página

Wizard

Free

Un flujo guiado por pasos. Cada paso puede validar antes de continuar, un paso puede ser opcional, los pasos terminados pueden reabrirse y el resultado puede mostrar su propia página.

Ejemplo

Control Wizard

Parámetros

Wizard

ParámetroTipoDescripción
ActiveIndexintÍndice del paso abierto. Úselo con @bind-ActiveIndex.
ChildContentRenderFragmentContenido representado dentro del componente.
ClassstringClases CSS adicionales que se agregan al elemento raíz.
CompletedContentRenderFragmentContenido que se muestra en lugar del asistente después de terminarlo.
FinishTextstringTexto del botón del último paso.
LinearboolEl encabezado solo abre los pasos que ya se han alcanzado.
ShowProgressboolMuestra una barra de progreso sobre los pasos.
StylestringEstilo en línea agregado al elemento raíz.
VerticalboolColoca la lista de pasos al lado.

WizardStep

ParámetroTipoDescripción
ChildContentRenderFragmentContenido representado dentro del componente.
DescriptionstringTexto breve bajo el título.
DisabledboolEl paso no se puede abrir.
ErrorboolMarca el paso como con problemas.
IconIconName?Icono en el marcador en lugar del número.
OptionalboolEl paso se puede omitir.
TitlestringNombre del paso en el encabezado.
ValidateFunc<Task<bool>>Devuelve false para mantener al usuario en el paso.

Eventos

Wizard

EventoTipoDescripción
ActiveIndexChangedEventCallback<int>Se genera cuando se selecciona otra pestaña.
OnCancelEventCallbackMuestra un botón Cancel y genera esto cuando se usa.
OnFinishEventCallbackSe genera cuando se termina el último paso.
OnStepChangingEventCallback<WizardStepChange>Se genera antes de que cambie el paso; defina Cancel en el argumento para quedarse.

Paquete

Wizard forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.