An assortment of parts to present packing rewriters in Vuejs jobs #.\n\nvue-spinners.\nVue Spinners is actually a project - a port of react-spinners.\nOver 20 loading rewriters, Vue parts, are actually featured to discover the one that satisfies you ideal.\nDemo Sandbox.\nThe Trial web page has scope and also size setups to view reside any kind of adjustments.\nAdding Vue content spinners.\nInstallment.\nyarn add @saeris\/ vue-spinners.\nUsage.\nThere are actually a number of ways you may use this collection! Listed here are actually a few examples:.\nVue Plugin.\nimport Vue from 'vue'.\nimport VueSpinners from '@saeris\/ vue-spinners'.\n\nVue.use( VueSpinners).\n\n\/\/ Each article spinner can currently be actually used in your layouts anywhere in the app!\nNeighborhood Component Registration.\nimport BarLoader coming from '@saeris\/ vue-spinners'.\n\nexport default \nparts: \nBarLoader.\n,.\n\/\/ ...\n\nJSX Element.\nbring in BarLoader from '@saeris\/ vue-spinners'.\n\nexport nonpayment \nrecords: () => (\npacking: correct.\n ),.\nmake() \nprofit (.\n\n\n\n).\n\n\nUnpkg Import.\n\n\n\n\n\n\n\n\n\n\nOffered Loaders, PropTypes, and also Default Values.\nCommon nonpayment props for all loaders:.\npacking: real.\ndifferent colors: '
000000'.For dimension, elevation, and distance props, there are actually sizeUnit, heightUnit, as well as widthUnit set that allows px, %, or em. The nonpayment for the unit uphold is actually px. Relying on the picked spinner various environments could be utilized adjust it.The selection is open-source and also available on GitHub.A task by @Saeris.
Articles You Can Be Interested In