quasar/src/components/toggle/QToggle.json

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

{
  "mixins": [ "mixins/checkbox" ],

  "meta": {
    "docsUrl": "https://v1.quasar.dev/vue-components/toggle"
  },

  "props": {
    "icon": {
      "extends": "icon"
    },

    "checked-icon": {
      "type": "String",
      "desc": "The icon to be used when the toggle is on",
      "examples": [ "visibility" ],
      "category": "content"
    },

    "unchecked-icon": {
      "type": "String",
      "desc": "The icon to be used when the toggle is off",
      "examples": [ "visibility_off" ],
      "category": "content"
    },

    "indeterminate-icon": {
      "type": "String",
      "desc": "The icon to be used when the model is indeterminate",
      "examples": [ "help" ],
      "category": "content",
      "addedIn": "v1.8.0"
    },

    "icon-color": {
      "extends": "color",
      "desc": "Override default icon color (for truthy state only); Color name for component from the Quasar Color Palette",
      "addedIn": "v1.8.0"
    },

    "indeterminate-value": {
      "addedIn": "v1.8.0"
    },

    "toggle-indeterminate": {
      "addedIn": "v1.8.0"
    },

    "size": {
      "addedIn": "v1.8.0"
    }
  }
}