Boolean input field based on checkbox.
Usage
<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