Blazor Dropdown List | Customizable Templates

Blazor Dropdown List - Rich UI Dropdown List Templates

A quick replacement of the HTML select tags.

Built-in support for filtering, hierarchical data binding, grouping, and UI customization with templates.

Ability to create a cascading drop-down list that helps users populate data to the next level drop-down based on the selected value of the parent.

FREE TRIAL

VIEW DEMOS

Overview

The Blazor Dropdown List is a quick replacement of the HTML select tags. It has a rich appearance and allows users to select a single value that is non-editable from a list of predefined values. It has several out-of-the-box features, such as data binding, filtering, grouping, UI customization, accessibility, and preselected values.

Filtering and searching drop-down lists

The Blazor Dropdown List Component has built-in filtering support with a rich set of filtering configurations available to match all your application needs. Enable the filtering functionality to show the search input box in the drop-down pop-up list.

Blazor Dropdown List filtering example

Custom filtering

The Blazor Dropdown List Component filter queries can be customized. You can also use your own filter libraries to filter data like Fuzzy search.

Diacritic sensitive search

The Blazor Dropdown List Component has built-in diacritic character sensitivity support. This behavior can be turned on or off.

Filter settings

The filtered search can be customized with case sensitivity, and you can set the number of characters required to make a filtered search.

Cascading drop-down list

Create a cascading drop-down list to help the user populate data to the next-level drop-downs based on the selected value of the parent Dropdown List.

Cascading Dropdown List example

Grouping with category

Group the pop-up list items with the corresponding category, making it easy to pick an item quickly from the select drop-down and increase the visual experience of the user.

HTML form support

The Blazor Dropdown List is a form component that seamlessly supports HTML forms and obtains values on form submission actions.

The width and height of the pop-up option list is customizable.

Sortable list items

You can display items in ascending or descending order in a pop-up select option list.

Drop-down floating label

The Blazor Dropdown List component placeholder can float like a martial design with impressive animation.

Responsive drop-down list

The component provides a responsive mode that gives an adaptive, redesigned UI appearance to mobile devices and is at ease with touch actions.

Web accessibility

Fully supports WAI-ARIA accessibility that makes a list view accessible to on-screen readers and assistive devices.
Follows WAI-ARIA best practices for implementing keyboard interaction.
Designed with UI element visuals such as foreground color, background color, line spacing, text, and images based on the WCAG 2.0 standard.
Supports right-to-left (RTL) direction for users working in right-to-left languages like Hebrew, Arabic, or Farsi.

Developer-friendly APIs

Developers can customize all UI elements and control their behaviors according to the end user’s requirement using the control’s rich set of client-side APIs.

Other supported frameworks

Dropdown List is also available in Angular, React, Vue and JavaScript frameworks that are built from their own TypeScript libraries. Check out the different Dropdown List platforms from the links below,

What do our customers say about us?

Syncfusion controls contain almost everything a developer could ask for, saving us time and money. All backed up by unmatched support. Syncfusion controls are a developer's dream come true.