0.0.15 • Published 2 years ago

vue-smooth-fade v0.0.15

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

Vue 3 Smooth Fade

Vue 3 plugin for smooth hiding and showing content

Demo

Demo

Installation

npm i vue-smooth-fade

Usage

Inside vue components use:

<script setup>
    import { SmoothFade } from 'vue-smooth-fade'
    import { ref } from 'vue'
    
    const show = ref(false)
</script>

<template>
    <SmoothFade v-model="show">
        <div>
            ........
        </div>
    </SmoothFade>
    
    <a href="#" @click.prevent="show = !show">Toggle</a>
</template>

Props

AttributeTypeDefaultDescription
durationNumber700show and hide duration
easingStringease-in-outeasing
overflowBooleanfalseSet overflow:hidden to parent element
0.0.15

2 years ago

0.0.14

2 years ago

0.0.13

2 years ago

0.0.12

2 years ago

0.0.11

2 years ago

0.0.10

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago