Get unlimited public & private packages + package-based permissions with npm Pro.Get started »

@inotom/vue-svg-loading

2.0.0 • Public • Published

vue-svg-loading

SVG loading animation Vue.js component.

Demo

Demo

Install

Browser

<script src="vue.js"></script>
<script src="vue-svg-loading.min.js"></script>

npm

npm install -D @inotom/vue-svg-loading

Usage

Browser

<div id="app">
  <svg-loading></svg-loading>
  <svg-spinner></svg-spinner>
</div>
 
<script src="vue.js"></script>
<script src="vue-svg-loading.min.js"></script>
<script>
Vue.use(SvgLoading);
new Vue({
  el: '#app'
});
</script> 

SFC

<template>
  <svg-loading></svg-loading>
  <svg-spinner></svg-spinner>
</template>
 
<script>
import { SvgLoading, SvgSpinner } from '@inotom/vue-svg-loading';
 
export default {
  components: {
    SvgLoading,
    SvgSpinner,
  }
}
</script>

Props

svg-loading

name type defaults description
:size Number 50 width/height pixel size
fill String #666 SVG fill color

svg-spinner

name type defaults description
size String normal Size name (normal, small, large)
fill String #666 SVG spinner circle color

License

MIT

Author

inotom

Keywords

Install

npm i @inotom/vue-svg-loading

DownloadsWeekly Downloads

1

Version

2.0.0

License

MIT

Unpacked Size

261 kB

Total Files

9

Last publish

Collaborators

  • avatar