Radzen Blazor Components

Steps

Use Radzen Blazor Steps component to guide users through a process or sequence of actions. The component consists of a series of numbered steps that represent the various stages of the process.

1. Select a Customer to continue

Customer IDfilter_alt
Company Namefilter_alt
Contact Namefilter_alt
Contact Titlefilter_alt
Addressfilter_alt
Cityfilter_alt
Regionfilter_alt
Postal Codefilter_alt
Countryfilter_alt
Phonefilter_alt
Faxfilter_alt
ALFKIAlfreds FutterkisteMaria AndersSales RepresentativeObere Str. 57Berlin12209Germany030-0074321030-0076545
ANATRAna Trujillo Emparedados y heladosAna TrujilloOwnerAvda. de la Constitución 2222México D.F.05021Mexico(5) 555-4729(5) 555-3745
ANTONAntonio Moreno TaqueríaAntonio MorenoOwnerMataderos 2312México D.F.05023Mexico(5) 555-3932
AROUTAround the HornThomas HardySales Representative120 Hanover Sq.LondonWA1 1DPUK(171) 555-7788(171) 555-6750
BERGSBerglunds snabbköpChristina BerglundOrder AdministratorBerguvsvägen 8LuleåS-958 22Sweden0921-12 34 650921-12 34 67
BLAUSBlauer See DelikatessenHanna MoosSales RepresentativeForsterstr. 57Mannheim68306Germany0621-084600621-08924
BLONPBlondesddsl père et filsFrédérique CiteauxMarketing Manager24, place KléberStrasbourg67000France88.60.15.3188.60.15.32
BOLIDBólido Comidas preparadasMartín SommerOwnerC/ Araquil, 67Madrid28023Spain(91) 555 22 82(91) 555 91 99
BONAPBon app'Laurence LebihanOwner12, rue des BouchersMarseille13008France91.24.45.4091.24.45.41
BOTTMBottom-Dollar MarketsElizabeth LincolnAccounting Manager23 Tsawassen Blvd.TsawassenBCT2F 8M4Canada(604) 555-4729(604) 555-3745

Console log

CanChange event link

The CanChange event allows you to conditionally prevent the step change. Use it to ensure your users have entered all the required information before moving to the next step.

Supercharge your Blazor development with Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

open_in_new Learn More
>Radzen Blazor Studio

Radzen Blazor Components, © 2018-2024 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Fluent
  • Material 3 Dark
  • Material Dark
  • Fluent Dark

Free Themes

  • Material
  • Standard
  • Default
  • Humanistic
  • Software
  • Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙