paulmataruso/libredesk
1
0
Fork 0
mirror of https://github.com/abhinavxd/libredesk.git synced 2025-11-09 00:17:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: use dot loader in Button

Browse Source
This commit is contained in:
Abhinav Raut
2025-02-01 23:44:41 +05:30
parent 9939d6206f
commit 4472ab1c99
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/ui/button/Button.vue
View File

@@ -3,7 +3,6 @@ import { Primitive } from 'radix-vue'
import { buttonVariants } from '.'
import { cn } from '@/lib/utils'
import { ref, computed } from 'vue'
import { ReloadIcon } from '@radix-icons/vue'
const props = defineProps({
variant: { type: null, required: false },
@@ -30,9 +29,11 @@ const computedClass = computed(() => {
:class="computedClass"
:disabled="isLoading || isDisabled"
>
<template v-if="isLoading">
<ReloadIcon class="animate-spin h-3 w-3 mr-2 text-white" />
</template>
<slot />
<span v-if="isLoading" class="dot-loader">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</span>
<slot v-else />
</Primitive>
</template>