elk/components/common/AnimateNumber.vue

15 lines
307 B
Vue
Raw Normal View History

<script setup lang="ts">
defineProps<{
2022-11-30 16:24:03 +03:00
increased?: boolean
}>()
</script>
<template>
2022-11-30 10:30:35 +03:00
<div of-hidden h="1.25rem">
<div flex="~ col" transition-transform duration-300 :class="increased ? 'translate-y--1/2' : 'translate-y-0'">
<slot />
<slot name="next" />
</div>
</div>
</template>