mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-08 16:22:16 +01:00
26 lines
806 B
Vue
26 lines
806 B
Vue
<script setup lang="ts">
|
|
import type { HtmlButtonType } from '@/types/dom';
|
|
import LoadingSpinner from '@/Components/LoadingSpinner.vue';
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
type: HtmlButtonType;
|
|
loading: boolean;
|
|
}>(),
|
|
{
|
|
type: 'submit',
|
|
loading: false,
|
|
}
|
|
);
|
|
</script>
|
|
|
|
<template>
|
|
<button
|
|
:type="type"
|
|
:disabled="loading"
|
|
class="inline-flex items-center px-2 sm:px-3 py-1 sm:py-2 bg-accent-300/10 border border-accent-300/20 rounded-md font-medium text-xs sm:text-sm text-white hover:bg-accent-300/20 active:bg-accent-300/20 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition ease-in-out duration-150">
|
|
<LoadingSpinner v-if="loading"></LoadingSpinner>
|
|
<slot />
|
|
</button>
|
|
</template>
|