Miss any of our Open RFC calls?Watch the recordings here! »

@inotom/vue-go-top

1.3.0 • Public • Published

vue-go-top

Scroll to page top button, Vue.js component.

Demo

Demo

Install

Browser

<script src="vue.js"></script>
<script src="vue-go-top.min.js"></script>

npm

npm install --save @inotom/vue-go-top

Usage

Browser

<div id="app">
  <go-top></go-top>
</div>
 
<script src="vue.js"></script>
<script src="vue-go-top.min.js"></script>
<script>
Vue.use(GoTop);
new Vue({
  el: '#app'
});
</script> 

SFC

<template>
  <go-top></go-top>
</template>
 
<script>
import GoTop from '@inotom/vue-go-top';
 
export default {
  components: {
    GoTop
  }
}
</script>

Props

name type defaults description
:size Number 70 width/height pixel size
:right String, Number 50 margin from right
:bottom String, Number 100 margin from bottom
:bottom-gap String, Number 0 gap of bottom margin
:z-index Number 1000 z-index size
fg-color String #ffffff text color
bg-color String #ffc966 background color
:radius String, Number 50% border-radius size
weight String normal line weight of arrow
ripple-bg String rgba(255, 255, 255, .5) ripple animation color
:boundary Number 200 top position where the element is displayed
:max-width Number 640 media query max-width(px)
src String null image url
alt String `` alternative text for image
:has-outline Boolean true show outline when focus
box-shadow String 1px 1px 2px rgba(0, 0, 0, .3) box-shadow property
:tabindex Number 0 tabindex property

License

MIT

Author

inotom

Keywords

Install

npm i @inotom/vue-go-top

DownloadsWeekly Downloads

425

Version

1.3.0

License

MIT

Unpacked Size

561 kB

Total Files

10

Last publish

Collaborators

  • avatar