skip navigation
  • Product Bundles

    DevCraft

    All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:

    • NEW: Design Kits for Figma
    • Online Training
    • Document Processing Library
    • Embedded Reporting for web and desktop
    Web
    Kendo UI UI for jQuery UI for Angular UI for React UI for Vue UI for Blazor UI for ASP.NET Core UI for ASP.NET MVC UI for ASP.NET AJAX UI for Silverlight UI for PHP UI for JSP
    Mobile
    UI for .NET MAUI UI for Xamarin
    Document Management
    Telerik Document Processing
    Desktop
    UI for .NET MAUI UI for WinUI UI for WinForms UI for WPF UI for UWP
    Reporting & Mocking
    Telerik Reporting Telerik Report Server Telerik JustMock
    Automated Testing
    Test Studio Test Studio Dev Edition
    CMS
    Sitefinity
    UI/UX Tools
    ThemeBuilder Design System Kit
    Debugging
    Fiddler Fiddler Everywhere Fiddler Classic Fiddler Jam FiddlerCap FiddlerCore
    Extended Reality
    UI for Unity XR
    Free Tools
    JustAssembly JustDecompile VB.NET to C# Converter Testing Framework
    View all products
  • Overview
  • Demos
  • Blazor Hybrid
    • What's New
    • Roadmap
    • Release History
  • Docs & Support
  • Pricing
  • Search
  • Shopping cart
    • Account Overview
    • Your Licenses
    • Downloads
    • Support Center
    • Forum Profile
    • Payment Methods
    • Edit Profile
    • Log out
  • Login
  • Contact Us
  • Try now

Class StepperStep

The class for the stepper step component.

Inheritance
System.Object
StepperStep
Namespace: Telerik.Blazor.Components
Assembly: Telerik.Blazor.dll

Syntax

public class StepperStep : ComponentBase, IStep, IDisposable

Constructors

StepperStep()

Declaration
public StepperStep()

Properties

AriaControls

Specifies the aria-controls attribute of the step.

Declaration
public string AriaControls { get; set; }
Property Value
System.String

Class

Defines the CSS class of the step.

Declaration
public string Class { get; set; }
Property Value
System.String

Disabled

Specifies if the step is disabled. If a step is disabled, users cannot select it.

Declaration
public bool Disabled { get; set; }
Property Value
System.Boolean

Icon

Specifies the icon rendered in the step. You can use either a predefined Telerik Icon or a custom one. Refer to Icons - Documentation for more information on how icons work.

Declaration
public object Icon { get; set; }
Property Value
System.Object

Label

Defines the label of the step.

Declaration
public string Label { get; set; }
Property Value
System.String

OnChange

Triggers before the step change.

Declaration
public EventCallback<StepperStepChangeEventArgs> OnChange { get; set; }
Property Value
Microsoft.AspNetCore.Components.EventCallback<StepperStepChangeEventArgs>

Optional

Specifies if the step is optional. If "true", the step will show the label "(Optional)" to indicate that the step is not mandatory.

Declaration
public bool Optional { get; set; }
Property Value
System.Boolean

Template

Defines the template of the step. See https://docs.telerik.com/blazor-ui/components/stepper/step-template.

Declaration
public RenderFragment Template { get; set; }
Property Value
Microsoft.AspNetCore.Components.RenderFragment

Text

Defines the text of the step. If Text and Icon are not set, the Component will show the step number.

Declaration
public string Text { get; set; }
Property Value
System.String

Valid

Specifies if the step is valid. Step validation serves as a visual indication whether a step is valid or not. It does not prevent users from navigating between steps. Default value is "null".

Declaration
public Nullable<bool> Valid { get; set; }
Property Value
System.Nullable<System.Boolean>

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder __builder

Dispose()

Declaration
public void Dispose()

OnInitialized()

Declaration
protected override void OnInitialized()

Was this article helpful?

Tell us how we can improve this article

Skip
Getting Started
  • Client-side Blazor
  • Server-side Blazor
  • Demos
Community
  • Forums
  • Blogs
  • Feedback Portal
Support Resources
  • Demos
  • Knowledge Base
  • Samples Repo
  • Localizations Repo
Sample Applications
  • Dashboard
  • PWA - Stocks
  • PWA - Blazing Coffee Roasters

Copyright © 2019 Progress Software Corporation and/or its subsidiaries or affiliates.
All Rights Reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.