Select theme:
Radzen Blazor Studio has replaced Radzen as the primary RAD tool for Blazor applications.
Radzen Blazor Studio offers a modern UI, enhanced features, and improved performance to streamline your development process.
The latest documentation for Radzen Blazor Studio is available here: https://www.radzen.com/blazor-studio/documentation/
Open Radzen Blazor Studio docsThis guide demonstrates how to use the ListBox component.
| Name | Type | Default | Description |
|---|---|---|---|
| Name | string | 'listbox' + index suffix | Unique name of the ListBox. |
| Placeholder | string | empty | ListBox placeholder. |
| Data | array | null | ListBox data. |
| Value | string | null | ListBox value. |
| TextProperty | string | null | ListBox data text property name. |
| AllowFiltering | boolean/expression | false | Is ListBox filterable. |
| Multiple | boolean/expression | false | Is multiple selection allowed. |
| Checkbox | boolean/expression | false | Is selection with checkbox allowed. |
| ShowToggleAll | boolean/expression | true | Whether header checkbox is shown in multiple mode. |
| ReadOnly | boolean/expression | false | Is ListBox read-only. |
| Disabled | boolean/expression | false | Is ListBox disabled. |
| Visible | boolean/expression | true | Is ListBox visible. |

| Name | Type | Default | Description |
|---|---|---|---|
| Change | event | null | Change event of the ListBox. Selected value as event argument. |

For more info about event actions please visit event actions in our documentation.
<rz-listbox #listbox0 [data]="getProductsResult" textProperty="ProductName" valueProperty="Id" name="listbox0">
</rz-listbox>
Radzen is free to use. You can also test the premium features for 15 days.
Start FreeSelect theme: