Checkbox Field

<sw-checkbox-field>

ready
Boolean input field based on checkbox.

Usage

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

Component properties

Property name Type Default
disabled Boolean false
value Boolean
inheritedValue Boolean
ghostValue Boolean
error Object

Methods

Method name Parameters
onChange changeEvent
restoreInheritance No parameters

Imports

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

Watcher

  • value

Mixins

  • sw-form-field

SASS variables

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

Twig blocks

  • sw_checkbox_field