{"library":"vue-ripple-directive","type":"library","category":null,"description":"vue-ripple-directive is a lightweight Vue.js directive that implements the Material Design ripple effect on any HTML element. Currently stable at version 2.0.1, the package provides a focused solution for adding interactive visual feedback to user interface elements, differentiating itself from larger component libraries by offering only the ripple functionality. Releases have historically addressed bug fixes and introduced features like custom colors and event modifiers, though recent development pace appears moderate. A key characteristic is its reliance on the host element having `position: relative` for accurate ripple positioning, a behavior that was explicitly enforced as a breaking change in version 2.0.1. It can be configured globally for default colors and z-index.","language":"javascript","status":"active","version":"2.0.1","tags":["javascript","vue","ripple","material","directive","ripple effect","button"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-ripple-directive","imports":["import Ripple from 'vue-ripple-directive';"]},{"cmd":"yarn add vue-ripple-directive","imports":[]},{"cmd":"pnpm add vue-ripple-directive","imports":[]}],"homepage":null,"github":"https://github.com/PygmySlowLoris/vue-ripple-directive","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-ripple-directive","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-ripple-directive/compatibility"}}