Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@crystal-creations/animated-checkmark

A checkmark animation wrapped in a Vue component based on a codepen by Simon Wuyts

checkmark, animated, success

readme

@crystal-creations/animated-checkmark

GitHub release (latest SemVer) GitHub Build and publish npm package npm npm

A checkmark animation wrapped in a Vue component based on a codepen by Simon Wuyts.

Usage

  1. Install with

    npm install @crystal-creations/animated-checkmark

  2. Add the following to your Vue main.ts.

     import { AnimatedCheckmark } from "@crystal-creations/animated-checkmark";
    
     // ...
    
     new Vue({
       // ...
       render: (h) => h(App),
     }).$mount("#app");
    
     Vue.component("AnimatedCheckmark", AnimatedCheckmark);
  3. Add the component to your Vue component.

     <template>
       <AnimatedCheckmark></AnimatedCheckmark>
     </template>