vue-gooey-button
v0.3.0
Published
A Vue implementation of gooey button effect.
Downloads
14
Readme
vue-gooey-button
A Vue implementation of a gooey button effect. This effect only works on desktop Chrome and Edge versions 105+. In other browsers, a fallback button is rendered.
Install
yarn add vue-ssr-carousel
Default
import GooeyButton from 'vue-gooey-button'
import 'vue-gooey-button/index.css'
Vue.component 'gooey-button', GooeyButton
Nuxt
// nuxt.config.js
export default {
buildModules: [ 'vue-gooey-button/nuxt' ]
}
Usage
<gooey-button
:border-radius='60'
background='#e8179e'
>
Click Me
</gooey-button>
For more examples, see the demo: https://vue-gooey-button.netlify.app
Contributing
Run yarn dev
to open a Nuxt dev build of the demo directory.