DropDown multiple selection

Enable selecting multiple items from the dropdown list.

In this demo the Products dropdown has Multiple="true" with two products pre-selected (IDs 1 and 2), using TextProperty and ValueProperty to display product names while binding to product IDs.

DropDown multiple selection with chips link

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

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.

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.

✨ 오늘의 명언 & 마음의 양식

“남들이 가보지 않은 길을 따라가서 자신만의 흔적을 남겨라.”

— 랄프 발도 에머슨 (시인, 철학자)
On this page

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙