DropDown

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.
Multiple boolean/expression false Is multiple selection allowed.
Disabled boolean/expression false Is DropDown disabled.
Visible boolean/expression true Is DropDown visible.

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>

We are here for you

Making our users happy is always a priority for us.