feat: add print button
This commit is contained in:
parent
6b277687f4
commit
ffe0962aa9
2 changed files with 27 additions and 0 deletions
26
src/components/button/PrintButton.vue
Normal file
26
src/components/button/PrintButton.vue
Normal 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-printer"
|
||||||
|
color="var(--info-bg)"
|
||||||
|
:title="iconOnly ? $t('general.add') : undefined"
|
||||||
|
>
|
||||||
|
{{ $t('general.print') }}
|
||||||
|
</MainButton>
|
||||||
|
</template>
|
||||||
|
|
@ -10,3 +10,4 @@ export { default as ToggleButton } from './ToggleButton.vue';
|
||||||
export { default as ClearButton } from './ClearButton.vue';
|
export { default as ClearButton } from './ClearButton.vue';
|
||||||
export { default as CloseButton } from './CloseButton.vue';
|
export { default as CloseButton } from './CloseButton.vue';
|
||||||
export { default as ViewButton } from './ViewButton.vue';
|
export { default as ViewButton } from './ViewButton.vue';
|
||||||
|
export { default as PrintButton } from './PrintButton.vue';
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue