Multi Tag Select

<sw-multi-tag-select>

ready
Renders a multi select field for data of any kind. This component uses the sw-field base components. This adds the base properties such as helpText, error, disabled etc.

Usage

Loading...
<sw-multi-tag-select
    :value="['lorem', 'ipsum', 'dolor', 'sit', 'amet']"
></sw-multi-tag-select>

Component properties

Property name Type Default
value Array
placeholder String
isLoading Boolean false
validMessage String
invalidMessage String
validate Function

Methods

Method name Parameters
mountedComponent No parameters
beforeDestroyComponent No parameters
onKeyDown
addItem No parameters
remove
removeLastItem No parameters
onSearchTermChange term
getKey No parameters
setDropDown open

Imports

  • ./sw-multi-tag-select.html.twig
  • ./sw-multi-tag-select.scss

Mixins

  • remove-api-error

Twig blocks

  • sw_multi_tag_select_base_selection_list_label_inner
  • sw_multi_tag_select_base_selection_list_label
  • sw_multi_tag_select_base_selection_list
  • sw_multi_tag_select_base_selection_slot
  • sw_multi_tag_select_base_selection
  • sw_multi_tag_select_base
  • sw_multi_tag_select_validation_valid_message
  • sw_multi_tag_select_validation_valid
  • sw_multi_tag_select_validation_invalid_message
  • sw_multi_tag_select_validation_invalid
  • sw_multi_tag_select_validation
  • sw_multi_tag_select

Slots

  • selection-label-property
  • message-add-data
  • message-enter-valid-data