Select Field

<sw-select-field>

ready
select input field.

Usage

Loading...
<sw-select-field placeholder="placeholder goes here..." label="label">
    <option value="value1">Label #1</option>
    <option value="value2">Label #2</option>
    <option value="value3">Label #3</option>
    <option value="value4">Label #4</option>
    <option value="value5">Label #5</option>
</sw-select-field>

Component properties

Property name Type Default
value String
placeholder String
options Array
aside Boolean false

Methods

Method name Parameters
getOptionName name
onChange event

Imports

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

Watcher

  • value

Mixins

  • sw-form-field

SASS variables

Variable name Value
$sw-select-field-color-text $color-gutenberg ($color-darkgray-200)
$sw-select-field-color-text-disabled $color-steam-cloud ($color-gray-300)
$sw-select-field-color-focus $color-shopware-blue ($color-shopware-brand-500)
$sw-select-field-border-radius $border-radius-default (4px)
$sw-select-field-color-background $color-white (#FFF)
$sw-select-field-color-border $color-steam-cloud ($color-gray-300)
$sw-select-field-color-error $color-crimson ($color-crimson-500)

Twig blocks

  • sw_block_field

Slots

  • default