Sleep

Use an animated chevron image part for Vue.js

.vue-chevron.vue-chevron can be made use of as an animated chevron icon in Vue.js tasks.Live demo page.To find how to apply Vue Chevron, follow the easy example listed below.Example.To start teaming up with the element utilize the complying with command to mount it:.npm put up vue-chevron-- save.or.anecdote add vue-chevron.There are props and also activities below you may make use of to create it fit to your necessities.Props.props: // animation timeframe.period: default: 300.,.thickness: nonpayment: 8.,.viewpoint: nonpayment: 40.,.round-edges: nonpayment: real.Consumption.Making use of several of the possibilities above our experts can easily produce the following example:.

Utilizing a straightforward training class, listed below chevron you may utilize your preffered different colors and also size:.As well as there it is, a toggleable element material very easy and swift.Take note there is actually additionally an option for Easings yet are actually certainly not featured to maintain the collection size lowest. Come on your very own easing functions to obtain the intended effect.This venture is open resource readily available on GitHub created by @irkopal.