New to Telerik UI for BlazorStart a free 30-day trial

A component that guides users through a sequence of steps with labels or numbered icons. Define steps via StepperSteps using StepperStep and control the current step with Value/ValueChanged. Configure display with StepType (labels or steps) and layout with StepperOrientation (horizontal/vertical). When Linear is true, selection is restricted to the current step and its immediate neighbor(s). Supports mouse and keyboard navigation, focus management, and integration with wizards (tablist semantics when embedded). /// Children: StepperSteps.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

C#
public class TelerikStepper : BaseComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseBaseComponentTelerikStepper

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members BaseComponent.ShouldRender()BaseComponent.OnInitializedAsync()BaseComponent.InitLocalizer()BaseComponent.ThrowIfParameterIsNull(object, string)BaseComponent.HaveOptionsChanged(IDictionary<string, object>, IDictionary<string, object>)BaseComponent.GetClassString(params string[])BaseComponent.InvokeAsync<T>(string, params object[])BaseComponent.InvokeAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidAsync(string, params object[])BaseComponent.InvokeVoidAsyncWithoutAwait(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidComponentMethodAsync(string, params object[])BaseComponent.InvokeComponentVoidMethodAsync(string, object)BaseComponent.InvokeDisposeAsync()BaseComponent.StateHasChanged()BaseComponent.RootComponentBaseComponent.ClassComponentBase.OnInitialized()ComponentBase.OnParametersSet()ComponentBase.OnParametersSetAsync()ComponentBase.OnAfterRender(bool)ComponentBase.InvokeAsync(Action)ComponentBase.InvokeAsync(Func<Task>)ComponentBase.DispatchExceptionAsync(Exception)ComponentBase.SetParametersAsync(ParameterView)...

Constructors

C#
public TelerikStepper()

Methods

C#
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

C#
public override void Dispose()

Overrides: BaseComponent.Dispose()

C#
protected override Task OnAfterRenderAsync(bool firstRender)
Parameters:firstRenderboolReturns:

Task

Overrides: BaseComponent.OnAfterRenderAsync(bool)

Properties

Enables the registration of WebMCP tools for this Stepper instance. When set to true, the Stepper step operation is exposed as a tool discoverable by AI models through the browser. Default value is false.

C#
[Parameter]
public bool EnableWebMcpTools { get; set; }

Specifies if the Stepper forbids skipping steps. The default value is false.

C#
[Parameter]
public bool Linear { get; set; }

Defines if the Component shows steps horizontally or vertically. The default value is Horizontal. Supports Vertical and Horizontal orientation.

C#
[Parameter]
public StepperOrientation Orientation { get; set; }

Provides configuration for WebMCP tools, such as a Name to distinguish this Stepper from others on the same page.

C#
[Parameter]
public RenderFragment StepperSettings { get; set; }

Defines the container tag for the Stepper steps. Children: StepperStep tags.

C#
[Parameter]
public RenderFragment StepperSteps { get; set; }

Defines if the Stepper shows icons and numbers, or just labels. The default value is Steps. Supports Labels and Steps step types.

C#
[Parameter]
public StepperStepType StepType { get; set; }

Defines the zero-based index of the current step.

C#
[Parameter]
public int Value { get; set; }

Triggers when the value has changed.

C#
[Parameter]
public EventCallback<int> ValueChanged { get; set; }