This guide demonstrates how to use the DropDown component.

DropDown Properties

Name Type Default Description
Name string ‘dropdown’ + index suffix Unique name of the DropDown.
Placeholder string empty DropDown placeholder.
Data array null DropDown data.
Value object null DropDown value.
TextProperty string null DropDown data text property name.
ValueProperty string null DropDown data value property name.
AllowFiltering boolean/expression false Is DropDown filterable.
AllowClear boolean/expression false Can clear DropDown value.
Multiple boolean/expression false Is multiple selection allowed.
Disabled boolean/expression false Is DropDown disabled.
Visible boolean/expression true Is DropDown visible.
Template string null DropDown item template.
Style string null In-line CSS style.
FilterCaseSensitivity enum Default Default or CaseInsensitive.
FilterDelay integer 500 Number of milliseconds to wait before filter.

DropDown Events

Name Type Default Description
Change event null Change event of the DropDown. Selected value as event argument.

For more info about event actions please visit event actions in our documentation.

Blazor declaration

<RadzenDropDown Multiple="true" Placeholder="Select..." Data="@customers" TextProperty="CompanyName" ValueProperty="CustomerID"  Change="@DropDownChanged" />

We are here for you

Making our users happy is always a priority for us.