Progress Spinners
Progress spinner components can be used as a loading animations or space-fillers while waiting for the actual content to load.
#Size
You can use the LightVue spinner for various purpose like loading animations or space-filler etc. LightVue comes with some stunning designs for spinners and it is highly customizable.You can also specify the size of spinner by pasing a value with its unit in size prop. LightVue Progress bar is Both compatible with Vue 3.x and Vue 2.x
#Color
You can also set the color for spinner by passing a string into color prop
#Stroke-width
You can also set the stroke width of spinner by passing a value in strokeWidth prop
#Animation-duration
You can change The animation duration for spinner by passing a value in animationDuration prop
#Setup
You can import a component and register it as a local and global vue component as follows:
// import the component
import lv-progressspinner from 'lightvue/progressSpinner';
// Register the component locally
export default {
components: {
lv-progressspinner
}
}// Register the component globally (Vue 2.x)
Vue.component('lv-progressspinner', lv-progressspinner);
// Register the component globally (Vue 3.x)
const app = Vue.createApp({
// ...
});
app.component('lv-progressspinner', lv-progressspinner);
app.mount('#app')
#APIs
All of the props, events and slots of the component are mentioned below: