vue2-button-up-down with Vue2.

Button with the functionality of scrolling the page up for Vue. DEMO on codesanbox

Navigation

• Features
• Installation
• Usage

Features

• used vue2

• easy to install

• Easy application

• Using slot

• Use with icons, images, by default

• Possibility to work on the button design

Installation

npm install --save vuejs3-up-down-button

Usage

#default

<template>
 <Vue3DownUpButton >
    <template #top>
      &uarr;
    </template>
    <template #down>
      &darr;
    </template>
  </Vue3DownUpButton>
</template>

<script>
import Vue3DownUpButton from 'vuejs3-up-down-button'

export default {
  components: {
    Vue3DownUpButton
  }
}
</script>

#images

<Vue3DownUpButton >
    <template #top>
        <img
            ...your way to the up arrow image
        >
    </template>
    <template #down>
        <img
            ...your way to the down arrow image
        >
    </template>
  </Vue3DownUpButton>

<script>
import Vue3DownUpButton from 'vuejs3-up-down-button'
    
export default {
  components: {
    Vue3DownUpButton
  }
}
</script>

#up

<Vue3DownUpButton >
    <template #top>
          &uarr;
    </template>
</Vue3DownUpButton>

<script>
import Vue3DownUpButton from 'vuejs3-up-down-button'

export default {
  components: {
    Vue3DownUpButton
  }
}
</script>

If you only need to go up), check out this module https://www.npmjs.com/package/vue-button-up

#down

<Vue3DownUpButton >
    <template #down>
          &darr;
    </template>
</Vue3DownUpButton>

<script>
import Vue3DownUpButton from 'vuejs3-up-down-button'
    
export default {
  components: {
    Vue3DownUpButton
  }
}
</script>

#Donate (creating code at your request out of turn) 💰 I can do some feature for you out of turn and at a fast pace or solve your problem, give a quick answers. To do this, you can pay me one-time or make a subscription. We can discuss the details by email, it is written in my profile.