DropDown multiple selection

Select multiple items from the Blazor DropDown (multiselect). Bind to a collection, show a summary label for the selection, and set an equality comparer when binding to objects.

Select Values

DropDown multiple selection with chips link

Use Chips="true" to display selected items as removable chips in the dropdown.

Select Values

Define max labels and selected items text link

Use MaxSelectedLabels to limit displayed items and SelectedItemsText to show a custom message when many items are selected.

Select Values

Specify an Equality Comparer for item selection. Useful when binding directly to an object collection. link

Use EqualityComparer to define custom comparison logic for determining when items are equal.

Select Values

Frequently asked questions

How do I enable multiple selection in the Blazor DropDown?

Set Multiple to true and bind Value to a collection (such as a List). The DropDown shows checkboxes and a summary of the selected items.

How do I bind multiselect to a list of objects?

Bind Value to a collection of the value type and set an equality comparer so the DropDown can match selected objects back to the list items.

Single selection Filtering Grouping DropDown with Tree

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

CRUD Operations and Data Management

Seamless Integration

Digital Transformation and Modernization

Design Systems and Consistency

From Prototyping to Production

Time to Market Reduced

Empower the Next Generation

DropDown multiple selection

DropDown multiple selection with chips link

Define max labels and selected items text link

Specify an Equality Comparer for item selection. Useful when binding directly to an object collection. link

Frequently asked questions

How do I enable multiple selection in the Blazor DropDown?

How do I bind multiselect to a list of objects?

Related

Save Hours on Every Project

On this page

Demos Configuration

CRUD Operations and Data Management

Seamless Integration

Digital Transformation and Modernization

Design Systems and Consistency

From Prototyping to Production

Time to Market Reduced

Empower the Next Generation

DropDown multiple selection

DropDown multiple selection with chips link

Define max labels and selected items text link

Specify an Equality Comparer for item selection. Useful when binding directly to an object collection. link

Frequently asked questions

How do I enable multiple selection in the Blazor DropDown?

How do I bind multiselect to a list of objects?

Related

Radzen Blazor Newsletter

Save Hours on Every Project

On this page

Demos Configuration