vue3-damp-fireworks

vue3-damp-firework

The interesting component for Vue developers.

Contribution Guide

Installation

Vue2

# install packages
yarn add vue-damp-fireworks
or
npm install vue-damp-fireworks

Vue3

# install packages
yarn add vue3-damp-fireworks
or
npm install vue3-damp-fireworks

Vue2

# global registered in main.js 
import VueFireworks from 'vue-damp-fireworks'
Vue.use(VueFireworks)

# Usage in .vue
<vue-damp-fireworks />
<vue-damp-fireworks :boxHeight="500" :boxWidth="500"/>
<vue-damp-fireworks :boxHeight="500" :boxWidth="500">
    <p>add any element you want</p>
</vue-damp-fireworks>

Vue3

# global registered in main.js 
import { createApp } from 'vue'
import App from './App.vue'
import VueFireworks from 'vue3-damp-fireworks'
createApp(App).use(VueFireworks)

# Usage in .vue
<vue-damp-fireworks />
<vue-damp-fireworks :boxHeight="500" :boxWidth="500"/>
<vue-damp-fireworks :boxHeight="500" :boxWidth="500">
    <p>add any element you want</p>
</vue-damp-fireworks>

Component Props

All parameters are optional and fireworks determines the default value of each prop.

Prop Name	vue-damp-fireworks Doc & Description	Type	default
boxHeight	decides the height of the component	Number	500
boxWidth	decides the width of the component	Number	500
duration	decides the duration(ms) of the animation	Number

Demo Page

Click me to watch the fireworks