{
  "meta": {
    "docsUrl": "https://v1.quasar.dev/vue-directives/material-ripple"
  },

  "value": {
    "type": [ "Boolean", "Object" ],
    "desc": "Boolean (if just wanting to enable/disable) or Object for configuring more options",
    "definition": {
      "stop": {
        "type": "Boolean",
        "desc": "Stop click/touch event propagation"
      },

      "center": {
        "type": "Boolean",
        "desc": "Ripple starts from the absolute center"
      },

      "color": {
        "type": "String",
        "desc": "Color name from Quasar Color Palette; Overrides default dynamic color",
        "examples": [ "orange-5" ]
      },

      "keyCodes": {
        "type": [ "Array", "Number" ],
        "desc": "List of keyCode that should trigger the ripple",
        "examples": [ "[]", "[13, 32]" ]
      }
    },
    "examples": [
      "v-ripple=\"booleanState\"",
      "v-ripple=\"{ center: true, color: 'primary', keyCodes: [] }\""
    ]
  },

  "arg": {
    "type": "String",
    "desc": "Color name from Quasar Color Palette; Overrides default dynamic color",
    "examples": [
      "v-ripple:orange-5"
    ]
  },

  "modifiers": {
    "stop": {
      "type": "Boolean",
      "desc": "Stop click/touch event propagation",
      "reactive": true,
      "examples": [
        "v-ripple.stop"
      ]
    },

    "center": {
      "type": "Boolean",
      "desc": "Ripple starts from the absolute center",
      "reactive": true,
      "examples": [
        "v-ripple.center"
      ]
    }
  }
}