SelectBar (Blazor)
This article demonstrates how to use the SelectBar component. Check also the component guide and API reference.
SelectBar Properties
| Name | Type | Default | Description |
|---|---|---|---|
| Name | string | ‘selectbar’ + index suffix | Unique name of the SelectBar. |
| Options | array | null | SelectBar options. |
| Value | string | null | SelectBar value. |
| Multiple | boolean/expression | false | Can select multiple options. |
| Disabled | boolean/expression | false | Is SelectBar disabled. |
| Visible | boolean/expression | true | Is SelectBar visible. |
| Data | array | null | SelectBar data. |
| TextProperty | string | null | SelectBar data text property name. |
| ValueProperty | string | null | SelectBar data value property name. |
SelectBar Events
| Name | Type | Default | Description |
|---|---|---|---|
| Change | event | null | Change event of the SelectBar. Selected value(s) as event argument. |
For more info about event actions please visit event actions in our documentation.
Blazor declaration
<RadzenSelectBar Multiple="true" Change="@Changed">
<Items>
<RadzenSelectBarItem Text="Orders" Value="1" />
<RadzenSelectBarItem Text="Employees" Value="2" />
<RadzenSelectBarItem Text="Customers" Value="3" />
</Items>
</RadzenSelectBar>