Blazor Tabs Example - Wizard Implementation
This sample demonstrates simple train reservation wizard that Enable/Disable Tab items based on sequential validation of each Tab content.
In this demo, two way binding of SelectedItem, LoadOn, Disabled properties of Tabs are used to achieve wizard like tabs with proper validations.
Initially, New Booking Tab alone is enabled and other tabs are disabled using Disabled property.
Once validation of a tab page is success, the next tab page is enabled and selected to proceed with the corresponding page. The selection of tab can be handled using SelectedItem property.
To maintain the state of each tab page until the train has been booked successfully, we have used the LoadOn mode as Demand.
More information about Blazor Tabs can be found in this documentation section.