A compilation of elements to present loading content spinners in Vuejs projects #.\n\nvue-spinners.\nVue Spinners is actually a venture - a slot of react-spinners.\nOver 20 loading spinners, Vue elements, are featured to find the one that suits you greatest.\nDemonstration Sand box.\nThe Trial webpage possesses margin and also size environments to observe live any sort of modifications.\nIncluding Vue content spinners.\nInstallment.\nyarn incorporate @saeris\/ vue-spinners.\nConsumption.\nThere are a variety of means you can easily use this collection! Listed below are a few instances:.\nVue Plugin.\nbring in Vue coming from 'vue'.\nimport VueSpinners coming from '@saeris\/ vue-spinners'.\n\nVue.use( VueSpinners).\n\n\/\/ Each rewriter can currently be utilized in your templates anywhere in the app!\nLocal Area Component Registration.\nbring in BarLoader coming from '@saeris\/ vue-spinners'.\n\nexport default \ncomponents: \nBarLoader.\n,.\n\/\/ ...\n\nJSX Part.\nbring in BarLoader from '@saeris\/ vue-spinners'.\n\nexport nonpayment \nrecords: () => (\nloading: accurate.\n ),.\nprovide() \nprofit (.\n\n\n\n).\n\n\nUnpkg Bring.\n\n\n\n\n\n\n\n\n\n\nOffered Loading Machines, PropTypes, and also Nonpayment Worths.\nUsual nonpayment props for all loaders:.\nloading: correct.\ncolor: '
000000'.For size, elevation, as well as width props, there are actually sizeUnit, heightUnit, as well as widthUnit prop that allows px, %, or even em. The nonpayment for the system prop is actually px. Depending on the chosen spinner different settings could be utilized readjust it.The collection is actually open-source and also accessible on GitHub.A task through @Saeris.
Articles You Can Be Interested In