vue-smooth-fade
Vue 3 Smooth Fade
Vue 3 плагин для плавного скрытие и показа контента
Установка
npm i vue-smooth-fade
Demo
Использование
Внутри vue компонентов:
<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
| Атрибут | Тип | По умолчанию | Описание |
|---|---|---|---|
| duration | Number | 700 | Продолжительность в мс |
| easing | String | ease-in-out |
Скорость изменения мс |
| overflow | Boolean | false |
Set overflow:hidden to parent element |
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.0.16 | ^3.3.4 | MIT | |
| 0.0.15 | ^3.3.4 | MIT | |
| 0.0.14 | ^3.2.47 | MIT | |
| 0.0.13 | ^3.2.47 | MIT | |
| 0.0.12 | ^3.2.47 | MIT | |
| 0.0.11 | ^3.2.47 | MIT | |
| 0.0.10 | ^3.2.47 | MIT | |
| 0.0.9 | ^3.2.47 | MIT | |
| 0.0.8 | ^3.2.47 | MIT | |
| 0.0.7 | ^3.2.47 | MIT | |
| 0.0.6 | ^3.2.47 | MIT | |
| 0.0.5 | ^3.2.47 | MIT | |
| 0.0.4 | ^3.2.47 | ||
| 0.0.3 | ^3.2.47 | ||
| 0.0.2 | ^3.2.47 | ||
| 0.0.1 | ^3.2.47 |