mirror of
https://github.com/vatesfr/xen-orchestra.git
synced 2026-11-09 17:06:13 -06:00
feat(web-core): show UiButton loader on the right of the label (#10723)
This commit is contained in:
@@ -1,14 +1,16 @@
|
||||
<!-- v7 -->
|
||||
<template>
|
||||
<button :class="classNames" :disabled="busy || isDisabled || lockIcon" class="ui-button" type="button">
|
||||
<VtsIcon :busy :name="leftIcon" class="icon" size="current" />
|
||||
<VtsIcon :name="leftIcon" class="icon" size="current" />
|
||||
<slot />
|
||||
<UiLoader v-if="busy" class="icon" />
|
||||
<VtsIcon v-if="lockIcon" name="fa:lock" size="medium" class="icon" />
|
||||
</button>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import VtsIcon from '@core/components/icon/VtsIcon.vue'
|
||||
import UiLoader from '@core/components/ui/loader/UiLoader.vue'
|
||||
import { useDisabled } from '@core/composables/disabled.composable.ts'
|
||||
import type { IconName } from '@core/icons'
|
||||
import { toVariants } from '@core/utils/to-variants.util.ts'
|
||||
|
||||
Reference in New Issue
Block a user