Blazor Dropdown List Example - Custom Templates

Dropdown List / Template

This sample demonstrates the template functionalities of the DropDownList. Click the DropDownList component and select an item from the customized dropdown list.

Loading Syncfusion Blazor Server Demos…

The DropDownList provides options to customize each list item, group title, header and footer elements. This sample uses the following list of templates,

  • ItemTemplate - To customize the list item's content.
  • HeaderTemplate - To customize the dropdown header element.
  • ValueTemplate - To customize the value element that holds the selected item's text.

See also

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