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