Example of Drilldown in Blazor TreeMap Component

TreeMap / Drilldown

This sample demonstrates drill-down, beginning with continents and progressing to countries and states. By selecting a continent from the TreeMap, you can clearly see all of the countries available in that continent. Similarly, by selecting a country, you can see all of its states.

Properties
Drilldown View
Enable Breadcrumb
Breadcrumb Connector
Header Alignment

In this example, you can see how to render and configure a TreeMap with multiple items, as well as drill-down and drill-up functionality. You can also change the drill-down view, customize the breadcrumb, and change the header alignment using the options in the properties panel.

More information about drill-down can be found in this documentation section.

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