diff --git a/resources/views/components/datatables/delete.blade.php b/resources/views/components/datatables/delete.blade.php
new file mode 100644
index 0000000..9b86ab1
--- /dev/null
+++ b/resources/views/components/datatables/delete.blade.php
@@ -0,0 +1,7 @@
+<flux:modal.trigger name="delete">
+    <flux:tooltip content="Hapus">
+        <flux:button href="javascript:void(0)" variant="danger" icon="trash" size="sm"
+            wire:click="$dispatch('fn:confirmDelete', {id: '{{ $id }}'})">
+        </flux:button>
+    </flux:tooltip>
+</flux:modal.trigger>
diff --git a/resources/views/components/datatables/edit.blade.php b/resources/views/components/datatables/edit.blade.php
new file mode 100644
index 0000000..e0ef0ed
--- /dev/null
+++ b/resources/views/components/datatables/edit.blade.php
@@ -0,0 +1,4 @@
+<flux:tooltip content="Ubah">
+    <flux:button href="{{ $editRoute }}" wire:navigate.hover variant="primary" color="yellow" icon="pencil-square"
+        size="sm"></flux:button>
+</flux:tooltip>