dst/store
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add RowSubmitAction component with size prop for enhanced button customization

Browse Source
This commit is contained in:
Yoga Pangestu 2026-06-29 11:08:43 +07:00
parent 950c3e2deb
commit e32a0138dd
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
resources/js/components/button/RowSubmitAction.vue
View File

@ -6,22 +6,22 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip
defineProps<{
tooltip?: string;
disabled?: boolean;
size?: 'default' | 'sm';
}>();
defineEmits<{
click: [];
}>();
defineEmits(['click']);
</script>
<template>
<Tooltip>
<TooltipTrigger as-child>
<Button variant="ghost" size="icon" class="size-8 text-blue-600 hover:text-blue-700" :disabled="disabled"
<Button variant="ghost" :size="size === 'sm' ? 'sm' : 'icon'"
:class="size === 'sm' ? '' : 'size-8'" class="text-blue-600 hover:text-blue-700" :disabled="disabled"
@click="$emit('click')">
<Send class="size-4" />
<span class="sr-only">{{ tooltip || 'Ajukan Verifikasi' }}</span>
<Send :class="size === 'sm' ? 'size-3.5' : 'size-4'" />
<span class="sr-only">{{ tooltip || 'Submit' }}</span>
</Button>
</TooltipTrigger>
<TooltipContent>{{ tooltip || 'Ajukan Verifikasi' }}</TooltipContent>
<TooltipContent>{{ tooltip || 'Submit' }}</TooltipContent>
</Tooltip>
</template>

1
resources/js/components/button/index.ts
View File

@ -2,6 +2,7 @@ export { default as RowEditAction } from './RowEditAction.vue';
export { default as RowDeleteAction } from './RowDeleteAction.vue';
export { default as RowApproveAction } from './RowApproveAction.vue';
export { default as RowRejectAction } from './RowRejectAction.vue';
export { default as RowSubmitAction } from './RowSubmitAction.vue';
export { default as RowPayAction } from './RowPayAction.vue';
export { default as RowAdjustAction } from './RowAdjustAction.vue';
export { default as RowStatusAction } from './RowStatusAction.vue';