jws-frontend/src/components/button/AddButton.vue

27 lines
506 B
Vue
Raw Normal View History

2024-08-07 14:35:49 +07:00
<script lang="ts" setup>
2024-08-08 11:33:28 +07:00
import MainButton from './MainButton.vue';
2024-08-07 14:35:49 +07:00
defineEmits<{
(e: 'click', v: MouseEvent): void;
}>();
defineProps<{
2024-08-08 11:09:45 +07:00
iconOnly?: boolean;
2024-08-07 14:35:49 +07:00
solid?: boolean;
outlined?: boolean;
disabled?: boolean;
dark?: boolean;
}>();
</script>
<template>
2024-08-08 11:33:28 +07:00
<MainButton
2024-08-07 15:01:14 +07:00
@click="(e) => $emit('click', e)"
2024-08-08 11:33:28 +07:00
v-bind="{ ...$props, ...$attrs }"
icon="mdi-plus"
color="var(--info-bg)"
2024-08-09 11:33:03 +07:00
:title="iconOnly ? $t('add') : undefined"
2024-08-07 14:35:49 +07:00
>
2024-08-08 11:33:28 +07:00
{{ $t('add') }}
</MainButton>
2024-08-07 14:35:49 +07:00
</template>