@crystal-creations/animated-checkmark

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

Usage in nuxt 3

1. Install with

   npm install @crystal-creations/animated-checkmark

2. Add the following to your nuxt.config.ts.

   export default defineNuxtConfig({
     app: {
       // ...
       modules: [
         // ...
         "@crystal-creations/animated-checkmark/nuxt",
       ],
     },
   });

3. Add the component to your Vue component.

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

Usage in vue 3

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";
   import "@crystal-creations/animated-checkmark/styles";
   
   // ...
   
   const app = createApp(App)
   
   app.component("AnimatedCheckmark", AnimatedCheckmark);

3. Add the component to your Vue component.

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