<template>
- <FlatButton>
- <span style="display: inline-block" :class="{ spin: props.loading }"> ↻ </span>
- </FlatButton>
+ <Button>
+ <span :class="{ spin: loading }"> ↻ </span>
+ </Button>
</template>
<script setup lang="ts">
-import FlatButton from '@/components/buttons/FlatButton.vue'
+import Button from '@/components/buttons/Button.vue'
-const props = defineProps<{
+defineProps<{
loading: boolean
}>()
</script>
}
.spin {
- animation-name: rotation;
- animation-duration: 2s;
- animation-iteration-count: infinite;
- animation-timing-function: linear;
+ animation: rotation 2s linear infinite;
}
</style>