BaseSelectOptions
component to enable display of selected items and a select all
Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| selectedNumberText | specify the text displayed for number of selected entries:x {selectedNumberText} | string | - | 'entries selected' |
| selectText | the text displayed for select / deselect all | string | - | 'All' |
| deselectText | the text displayed for select / deselect all | string | - | 'None' |
| list | provide a list of currently visible entries | array | - | [] |
| selectedList | provide a list of selected entries | array | - | [] |
| selectAllDisabled | disable the button by setting this prop to true | boolean | - | false |
| reverse | By default, the "All/None" button appears on the right, and the counter of selected items appears on the left. Set this to true to reverse the order. | boolean | - | false |
Events
| Event name | Properties | Description |
|---|---|---|
| selected | undefined boolean - were all entries selected | emitted on select all button click |
Slots
| Name | Description | Bindings |
|---|---|---|
| selectedText | here number of selected entries is indicated - replace with this slot for customization. |
Demo
Example with a BaseMenuList with BaseSelectOptions above.