Example of Details View in Blazor Splitter Component

Splitter / Use Case / Details View

This sample demonstrates the Blazor Splitter component that is used to design the details view page. Select the employee from the left pane to display the corresponding employee details on the right pane.

  • Margaret
  • Laura
  • Robert
  • Albert
  • Michale
margaret
Margeret Peacock
TitleSales Representative
Hire Date11/15/2019
Address507 - 20th Ave. E. Apt. 2A
CitySeattle
Phone(206) 555-9857

The Splitter is the layout user interface (UI) component that integrates other UI components within its pane. In this sample, the Blazor ListView component is integrated within the left pane to display the employee list and the right pane to display the corresponding employee details.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE