Sleep

Pretty button animations along with VueStar

.VueStar.VueStar is a plugin that basically is a like button along with exciting star computer animations powered through Vue.js.To see the animations, feel free to check the adhering to two-dimensional code or follow this hyperlink: http://web-oysun.cn/VueStar/.Check out at the instance below.Example.To begin dealing with the VueStar utilize the following command to install it.$ yarn incorporate vue-star.If utilized as a global part.bring in Vue coming from 'vue'.import VueStar coming from 'vue-star'.Vue.component(' VueStar', VueStar).If made use of as a local component.// In a component.bring in VueStar coming from 'vue-star'.export default parts: VueStar.The code listed below is making use of the animate.css library and Typeface Awesome images.


The animate prop is actually used to indicate the like switch animation, the default is actually no computer animations in all, as well as you may add animation CSS training class of course.The color is utilized to prepare a colour to the button when it is active. Keep in mind: The market value of this particular parameter need to be filled out hex or even RGB different colors code, instead of the css training class.To the port filler in any information you wish, it is the company of such switch, events must be bound in the port.If you are actually intrigued for more or you possess any bugs as well as ideas, go here. That's it!