# 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.

Last Updated: 3/27/2023, 4:42:24 PM