feat: add clear button

This commit is contained in:
Methapon Metanipat 2024-08-28 13:17:29 +07:00
parent 5a27d424cc
commit 7400f9f611
3 changed files with 31 additions and 9 deletions

View file

@ -0,0 +1,26 @@
<script lang="ts" setup>
import MainButton from './MainButton.vue';
defineEmits<{
(e: 'click', v: MouseEvent): void;
}>();
defineProps<{
iconOnly?: boolean;
solid?: boolean;
outlined?: boolean;
disabled?: boolean;
dark?: boolean;
}>();
</script>
<template>
<MainButton
@click="(e) => $emit('click', e)"
v-bind="{ ...$props, ...$attrs }"
icon="mdi-broom"
color="var(--gray-7-hsl)"
:title="iconOnly ? $t('general.clear') : undefined"
>
{{ $t('general.clear') }}
</MainButton>
</template>