Multi Select Option

<sw-multi-select-option>

Component properties

Property name Type Default
index Number
item Object
disabled Boolean false
selected Boolean false

Methods

Method name Parameters
createdComponent No parameters
destroyedComponent No parameters
registerEvents No parameters
removeEvents No parameters
emitActiveResultPosition originalDomEvent index
onClicked originalDomEvent
checkActiveState index
selectOptionOnEnter index
isSelected item
onMouseEnter originalDomEvent

Imports

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

SASS variables

Variable name Value
$sw-multi-select-option-active-color-background lighten($color-shopware-blue, 40%)
$sw-multi-select-option-active-color-text $color-shopware-blue ($color-shopware-brand-500)
$sw-multi-select-option-color-border $color-steam-cloud ($color-gray-300)
$sw-multi-select-option-color-icon darken($color-light-gray, 20%)
$sw-multi-select-option-transition-item-icon all ease-in-out .15s
$sw-multi-select-option-disabled-color-background $color-light-gray ($color-gray-100)
$sw-multi-select-option-disabled-color-text darken($color-steam-cloud, 15%)

Twig blocks

  • sw_multi_select_option_item_text
  • sw_multi_select_option_item_text_holder
  • sw_multi_select_option_item_icon
  • sw_multi_select_option_item_icon_transition
  • sw_multi_select_option

Slots

  • default