quasar/dist/api/Ripple.json

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

{"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"]}}}