(Object, Component<SearchSelect>). Creates a searchable dropdown list where individual elements can be searched for and selected. You may optionally enable .multi_select if required, meaning that the return type is Array<String> by default. Note that you may also have styling options for SearchSelect, as well as icon only filtering.
This is similar to Object, Component<MultiTag>, which you may also consider using.
Note. ‘Returns:’ refers to what the Component value returns when exported to its .variable binding.
<component_key>: (Object, Component<SearchSelect>)
- Inherits from Component.
- attributes: (Object) - The HTML attributes to specify SearchSelect as having.
- disable_select: (Boolean) - Optional. Whether selection should be disabled. If so, you are left with a list/grid of filtered buttons. False by default.
- display_inline_selector: (HTMLElement/String) - Optional. The HTMLElement or query selector to display results inline in instead of separately in a dropdown. Displays in a dropdown by default.
- layout: (String) - Optional. Either ‘list’/'table'. Selecting ‘table’ lays out results in a grid of buttons. ‘list’ by default.
- multi_select: (Boolean) - Optional. Whether multi-select is allowed for items.
- scoring_keys: (Array<String>) - The keys whose semantic similarity and chaining contribute to the score, i.e. ['id', ‘name’]. ‘key’ refers to the keys themselves as opposed to any key within the options to be searched.
- options: (Object)
- <option_key>: (Object/String)
- colour: (Array<number, number, number>) - Colour as an RGB code if needed.
- innerHTML: (String) - Replaces the entire entry with custom HTML.
- onclick: (Function) - Optional. Typically defined if you intend on having a list of buttons to be filtered by a search query.
- arg0_e: (Event, Onclick)
- arg1_element: (HTMLElement) - The clicked element.
- name: (String) - The name of the object. Also displays as the .tooltip if this is only an icon.
- <key>: (Variable)
- type: (String) - Either ‘icon’‘icon_name’/'name'. ‘icon’ displays only the image.
- Returns: (Array<String>) - The [data-value] attributes for the selected items.