AlexeyZelenko / vue3-button-up

vue2-3-button-up-down with Vue3 and Vue2.

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

Navigation

• Features
• Installation
• Usage

Features

• used vue2, vue3
• 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

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

<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.

readme