Checkbox

This component represents a checkbox that can take two values.

Configuration

For general configuration options, see General component configuration.

Specific configuration

value (string): Value of the checkbox. The value should be set via Data binding the value should be bound via data binding.

Example

checkbox.json

{
  "$schema": "http://bpc.virtimo.net/forms/1/schema",
  "metaData": {
    "id": 0,
    "version": 0
  },
  "configuration": {
  },
  "components": [
    {
      "type": "container",
      "label": "Checkbox Component Example",
      "components": [
        {
          "type": "checkbox",
          "label": "My Checkbox",
          "value": "/data/checkboxes/one"
        },
        {
          "type": "checkbox",
          "label": {
            "de": "Kästchen",
            "en": "Checkbox"
          },
          "value": "/data/checkboxes/two"
        },
        {
          "type": "checkbox",
          "label": "Third Box",
          "value": "/data/checkboxes/three"
        }
      ]
    }
  ],
  "state": {
    "data": {
      "checkboxes": {
        "one": true,
        "two": false,
        "three": true
      }
    }
  }
}

Embedded preview

open preview in separate window

Keywords: