SelectBar (Angular)
This guide demonstrates how to use the SelectBar component.
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. |
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.
Angular declaration
<rz-selectbar #selectbar0 [multiple]="true" [(ngModel)]="selectedOptions" name="selectbar0" (change)="selectbar0Change($event)">
<rz-selectbar-option text="Option 1" value="1">
</rz-selectbar-option>
<rz-selectbar-option text="Option 2" value="2">
</rz-selectbar-option>
<rz-selectbar-option text="Option 3" value="3">
</rz-selectbar-option>
</rz-selectbar>