Warning
The component state changes for version 6.6.0 - Will be private
More information

Checkbox Field

<sw-checkbox-field>

ready
Boolean input field based on checkbox.

Usage

Static component preview
<sw-checkbox-field v-model="aBooleanProperty" label="Name"></sw-checkbox-field>

Component properties

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

Methods

Method name Parameters
onChange changeEvent

Imports

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

Watcher

  • value

Mixins

  • sw-form-field
  • remove-api-error

SASS variables

Variable name Value
$sw-field-color-text $color-darkgray-200 (#52667a)
$sw-field-color-focus $color-shopware-brand-500 (#189eff)
$sw-field-color-background $color-white (#fff)
$sw-field-color-border $color-gray-300 (#d1d9e0)
$sw-field-color-error $color-crimson-500 (#de294c)
$sw-field-color-inherited $color-module-purple-900 (#7363e5)

Twig blocks

  • sw_checkbox_field

Slots

  • label