115 lines
No EOL
2.6 KiB
JSON
115 lines
No EOL
2.6 KiB
JSON
{
|
|
"type": "directive",
|
|
"meta": {
|
|
"docsUrl": "https://v2.quasar.dev/vue-directives/material-ripple"
|
|
},
|
|
"quasarConfOptions": {
|
|
"propName": "ripple",
|
|
"type": [
|
|
"Boolean",
|
|
"Object"
|
|
],
|
|
"definition": {
|
|
"early": {
|
|
"type": "Boolean",
|
|
"desc": "Trigger early/immediately on user interaction"
|
|
},
|
|
"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]"
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": [
|
|
"Boolean",
|
|
"Object"
|
|
],
|
|
"desc": "Boolean (if just wanting to enable/disable) or Object for configuring more options",
|
|
"definition": {
|
|
"early": {
|
|
"type": "Boolean",
|
|
"desc": "Trigger early/immediately on user interaction"
|
|
},
|
|
"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": {
|
|
"early": {
|
|
"type": "Boolean",
|
|
"desc": "Trigger early/immediately on user interaction"
|
|
},
|
|
"stop": {
|
|
"type": "Boolean",
|
|
"desc": "Stop click/touch event propagation",
|
|
"examples": [
|
|
"v-ripple.stop"
|
|
]
|
|
},
|
|
"center": {
|
|
"type": "Boolean",
|
|
"desc": "Ripple starts from the absolute center",
|
|
"examples": [
|
|
"v-ripple.center"
|
|
]
|
|
}
|
|
}
|
|
} |