vue3-damp-fireworks
A Vue3 based fireworks component
620
| Install | |
|---|---|
npm install vue3-damp-fireworks |
|
| Latest Version: | 1.0.6 |
| Vue: | 3 |
| Last Updated: | Feb 14, 2023 |
| Links: | npm |
Maintainer: parkerisme
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
Related Packages
markdown-to-jsx
A very fast and versatile markdown toolchain. AST, React, React Native, SolidJS,...
214,042,213
2,394
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 1.0.6 | ^3.2.37 | ||
| 1.0.5 | ^3.2.37 | ||
| 1.0.4 | ^3.2.37 | ||
| 1.0.3 | ^3.2.37 | ||
| 1.0.2 | ^3.2.37 |