elk/components/common/AnimateNumber.vue

15 lines
306 B
Vue
Raw Normal View History

<script setup lang="ts">
defineProps<{
increased: boolean
}>()
</script>
<template>
2022-11-30 07:30:35 +00: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>