Switch Field

<sw-switch-field> extends <sw-checkbox-field>

ready
Boolean input field based on checkbox.

Usage

Loading...
<sw-switch-field label="Name" v-model="aBooleanProperty"></sw-switch-field>

Component properties

Property name Type Default
bordered Boolean false
noMarginTop Boolean false
size String default

Methods

Method name Parameters
onInheritanceRestore event

Imports

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

SASS variables

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

Twig blocks

  • sw_switch_field
  • sw_checkbox_field