npm.io
1.0.6 • Published 3 years ago

vue3-damp-fireworks

Licence
Version
1.0.6
Deps
1
Size
728 kB
Vulns
0
Weekly
0

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

Buy Me A Coffee

Keywords