WinUI ComboBox | Multi-Select and Editable ComboBox

Overview

The WinUI ComboBox control (multiselect combobox) is a selection component that allows users to type a value or choose an option from a list of predefined options. It has many features, such as data binding, multiple selection with checkboxes, editing, searching, filtering, UI customization, and custom templates.

Selection

Select an item or multiple items from the dropdown.

Single selection in WinUI ComboBox.

Single selection

Select a single item from the dropdown list.

Multiselect ComboBox control.

Multiple selection

Select more than one item from the dropdown list. Checkboxes can be used to select items.

Multiple selection display

Display multiple selected items with token representation or simply divide them with a delimiter.

WinUI ComboBox selected items separated with delimiter.

Delimiters

Customized delimiters separate the selected items displayed in a multiple-select ComboBox. (e.g.: ‘-‘ as a delimiter character.)

WinUI ComboBox selected items are in token format.

Tokens

Customizable token representation allows users to remove an item with its close button.

Editable and non-editable modes

The ComboBox control supports editable and non-editable modes to choose items.

WinUI ComboBox choose item using editing.

Editable mode

Edit the text in the text box. Suggestions will be shown in the dropdown list based on the input.

WinUI ComboBox choose item using dropdown list.

Non-editable mode

Items can be selected from the dropdown list, but the selected items cannot be edited.

Searching

The first item that fits the user input is highlighted in the dropdown list.

WinUI ComboBox search the items based on provided input.

Filtering

Filter the items in the dropdown based on the starting text or on whether they contain specific text.

WinUI ComboBox filter the items based on starting text.

Starts with

Filter the items to show those that start with the input text.

WinUI ComboBox filters the items based on text they contain.

Contains

Filter the items to show those containing the input characters anywhere in them.

WinUI ComboBox filter the items based on custom filter logic.

Custom filter

Apply your own filter logic to display custom filtered items. E.g., in the previous image, ComboBox filtered the cities based on the country name.

Grouping

Group data items in the dropdown.

WinUI ComboBox grouped items.

Highlighting search text

Highlight the first occurrence or all occurrences matching the input text. This feature makes it easy to select items from the dropdown list.

WinUI ComboBox control with text highlighted for the first occurrence.

First occurrence

The matching text is highlighted where it appears for the first time.

WinUI ComboBox control with text highlighted for all the occurrences.

All occurrences

All occurrences of the matching text are highlighted.

WinUI ComboBox control with text highlighted for matched search text.

Matched

Highlight the characters that match the search text.

WinUI ComboBox control with text highlighted for unmatched search text.

Unmatched

Highlight the characters that do not match the search text in the dropdown.

Leading and trailing views

Add a template before and after the selection area.

WinUI ComboBox control with icon in leading view.

Leading view

Add a template before the selection area.

WinUI ComboBox control with button in trailing view.

Trailing view

Add a template after the selection area.

WinUI ComboBox control with combobox in leading view and icon in trailing view.

Add leading and trailing views

The leading view and trailing view can be added at the same time.

Watermarks

Display hints using a watermark text when no item is selected.

WinUI ComboBox watermark text.

No result found

Display text indicating there are no search results found.

WinUI ComboBox control with no result found support.

Data binding

Data-binding support works for all popular data sources and displays data based on the display member. It automatically generates items from a data-bound collection. The application can be designed in the MVVM pattern.

WinUI ComboBox data binding support.

Appearance

WinUI ComboBox selection box custom UI.

Selection box UI

Customize the appearance of the selection box.

Custom UI for ComboBox items using ItemContainerStyle.

Conditional styling

Customize the appearance of dropdown list items based on the data.

Custom UI for combo box items using ItemTemplate.

Dropdown list items can be customized with an image or custom control.

WinUI ComboBox control with auto-append text support.

Auto-append UI

The ComboBox control provides an auto-append UI like Windows 11. It provides both an auto-append UI with text selection and auto-append text with a faded text color.

WinUI ComboBox control with light and dark themes.

Themes

The WinUI ComboBox control includes light and dark themes.

Themes documentation.

Rated by users across the globe

Excellent experience with Syncfusion!

Syncfusion is a product that makes life easier! I use it to create Blazor applications (server side and webassembly) and the controls speed up development a lot. Furthermore, if needed, it is possible to ask for direct support that is never long in coming!

Andrea Scarpante,

Sydea srl

The complete component set

It is the most complete component set available. Also very handy is the fact that there is a community edition, this gives me the opportunity to test thing at home without buying a separate license.