{
  "widget": {
    "name": "ToggleButton",
    "selector": "jqx-toggle-button"
  },
  "properties": [
    {
      "name": "checked",
      "value": false,
      "allowedValues": [],
      "description": "Sets the state of the element.",
      "demoValues": [ true, false ],
      "type": "boolean"
    },
    {
      "name": "clickMode",
      "value": "release",
      "allowedValues": [ "hover", "press", "release", "pressAndRelease" ],
      "description": "Sets the click mode of the button.",
      "demoValues": [ "hover", "release" ],
      "type": "string"
    },
    {
      "name": "disabled",
      "value": false,
      "allowedValues": [],
      "description": "Enables or disables the ratio button.",
      "demoValues": [ true, false ],
      "type": "boolean"
    },
    {
      "name": "innerHTML",
      "value": "\"\"",
      "allowedValues": [],
      "description": "Sets the inner HTML of the element.",
      "demoValues": [ "Toggle Button Label", "New Toggle Button Label" ],
      "type": "string"
    },
    {
      "name": "name",
      "value": "\"\"",
      "allowedValues": [],
      "description": "Sets or gets the widget's name.",
      "demoValues": [ "Name", "New Name" ],
      "type": "string"
    },
    {
      "name": "readonly",
      "value": false,
      "allowedValues": [],
      "description": "If the custom element is readonly, it cannot be interacted with.",
      "demoValues": [ true, false ],
      "type": "boolean"
    },
    {
      "name": "rightToLeft",
      "value": false,
      "allowedValues": [],
      "description": "Sets or gets a value indicating whether widget's elements are aligned to support locales using right-to-left fonts.",
      "demoValues": [ true, false ],
      "type": "boolean"
    },
    {
      "name": "value",
      "value": "\"\"",
      "allowedValues": [],
      "description": "Sets or gets the widget's value.",
      "demoValues": [ "Value", "New Value" ],
      "type": "string"
    }
  ],
  "events": [
    {
      "name": "change",
      "description": "This event is triggered when the state of the element is changed."
    }
  ]
}