Wizard

Free

A guided flow in steps. Each step can validate before the user moves on, a step can be optional, finished steps can be reopened, and the result can show a page of its own.

Example

Parameters

Wizard

Parameter	Type	Description
`ActiveIndex`	`int`	Index of the open step. Use with @bind-ActiveIndex.
`ChildContent`	`RenderFragment`	Content rendered inside the component.
`Class`	`string`	Extra CSS classes added to the root element.
`CompletedContent`	`RenderFragment`	Content shown instead of the wizard after it was finished.
`FinishText`	`string`	Text of the button on the last step.
`Linear`	`bool`	The header opens only steps that were already reached.
`ShowProgress`	`bool`	Shows a progress bar above the steps.
`Style`	`string`	Inline style added to the root element.
`Vertical`	`bool`	Puts the step list at the side.

WizardStep

Parameter	Type	Description
`ChildContent`	`RenderFragment`	Content rendered inside the component.
`Description`	`string`	Short text under the title.
`Disabled`	`bool`	The step cannot be opened.
`Error`	`bool`	Marks the step as having a problem.
`Icon`	`IconName?`	Icon in the marker instead of the number.
`Optional`	`bool`	The step can be skipped.
`Title`	`string`	Name of the step in the header.
`Validate`	`Func<Task<bool>>`	Returns false to keep the user on the step.

Events

Wizard

Event	Type	Description
`ActiveIndexChanged`	`EventCallback<int>`	Raised when another tab is selected.
`OnCancel`	`EventCallback`	Shows a Cancel button and raises this when it is used.
`OnFinish`	`EventCallback`	Raised when the last step is finished.
`OnStepChanging`	`EventCallback<WizardStepChange>`	Raised before the step changes; set Cancel on the argument to stay.

Package

Wizard is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.

Send feedbackVersion 1.0.3