Still using Radzen Studio?
Achieve more with Radzen Blazor Studio

Radzen Blazor Studio is our new flagship product and vision of how rapid Blazor application development should be done.

Go to Radzen Blazor Studio

DropDown (Angular)

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 string null DropDown value.
TextProperty string null DropDown data text 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.

Select data

Select TextProperty

Set Placeholder

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.

Angular declaration

<rz-dropdown #dropdown0 [data]="getProductsResult"
  placeholder="Choose" textProperty="ProductName">
</rz-dropdown>