Select theme:

DropDown (Angular)Link to this section

This guide demonstrates how to use the DropDown component.

DropDown PropertiesLink to this section

NameTypeDefaultDescription
Namestring'dropdown' + index suffixUnique name of the DropDown.
PlaceholderstringemptyDropDown placeholder.
DataarraynullDropDown data.
ValuestringnullDropDown value.
TextPropertystringnullDropDown data text property name.
AllowFilteringboolean/expressionfalseIs DropDown filterable.
AllowClearboolean/expressionfalseCan clear DropDown value.
Multipleboolean/expressionfalseIs multiple selection allowed.
Disabledboolean/expressionfalseIs DropDown disabled.
Visibleboolean/expressiontrueIs DropDown visible.
TemplatestringnullDropDown item template.

image

Select data

image

Select TextProperty

image

Set Placeholder

image

DropDown EventsLink to this section

NameTypeDefaultDescription
ChangeeventnullChange event of the DropDown. Selected value as event argument.

image

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

Angular declarationLink to this section

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

© 2016-2026 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.
IP Geolocation by DB-IP

Select theme: