Select Result

<sw-select-result>

ready
Base component for select results.

Component properties

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

Methods

Method name Parameters
checkIfSelected selectedItemIndex
checkIfActive activeItemIndex
onClickResult No parameters
onMouseEnter No parameters

Imports

  • ./sw-select-result.scss
  • ./sw-select-result.html.twig

Inject

  • setActiveItemIndex

SASS variables

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

Twig blocks

  • sw_select_result_item_text
  • sw_select_result_item_text_holder
  • sw_select_result_item_icon
  • sw_select_result_item_icon_transition
  • sw_select_result

Slots

  • default