opnform/resources/js/components/common/transitions/VTransition.vue

20 lines
513 B
Vue
Raw Normal View History

2022-09-20 19:59:52 +00:00
<template>
<transition v-if="name=='slideInUp'"
enter-active-class="linear duration-300 overflow-hidden"
2023-10-14 15:31:30 +00:00
enter-from-class="max-h-0"
2022-09-20 19:59:52 +00:00
enter-to-class="max-h-screen"
leave-active-class="linear duration-300 overflow-hidden"
2023-10-14 15:31:30 +00:00
leave-from-class="max-h-screen"
2022-09-20 19:59:52 +00:00
leave-to-class="max-h-0"
>
<slot />
</transition>
</template>
<script>
export default {
name: 'VTransition',
props: { name: { default: 'slideInUp' } }
}
</script>