.vue-chevron.vue-chevron could be made use of as a computer animated chevron icon in Vue.js tasks.Stay demo webpage.To view how to implement Vue Chevron, follow the straightforward instance below.Instance.To begin dealing with the component make use of the adhering to order to mount it:.npm put in vue-chevron-- save.or.yarn incorporate vue-chevron.There are actually props and also events below you can easily use to make it accommodate to your necessities.Props.props: // animation duration.timeframe: nonpayment: 300.,.density: nonpayment: 8.,.viewpoint: default: 40.,.round-edges: nonpayment: accurate.Usage.Making use of a few of the choices over we can make the following example:.
Utilizing a straightforward training class, below chevron you can utilize your preffered color and dimension:.And also there it is, a toggleable component content easy as well as quick.Take note there is additionally an option for Easings however are actually not included to maintain the public library measurements minimum required. Pass in your personal reducing functions to get the wanted effect.This task levels source available on GitHub helped make by @irkopal.