diff --git a/src/pages/03_customer-management/components/employer/EmployerFormAttachment.vue b/src/pages/03_customer-management/components/employer/EmployerFormAttachment.vue
new file mode 100644
index 00000000..ac95b7a0
--- /dev/null
+++ b/src/pages/03_customer-management/components/employer/EmployerFormAttachment.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { Icon } from '@iconify/vue';
+defineProps<{
+  readonly?: boolean;
+  prefixId?: string;
+}>();
+
+const attachment = defineModel<File[]>('attachment');
+</script>
+
+<template>
+  <div class="row q-col-gutter-md">
+    <q-file
+      :id="`${prefixId}-input-attchment`"
+      dense
+      outlined
+      :readonly="readonly"
+      multiple
+      append
+      :label="$t('customerBranch.form.attachment')"
+      class="col-12"
+      v-model="attachment"
+    >
+      <template #prepend>
+        <Icon
+          icon="material-symbols:attach-file"
+          width="20px"
+          style="color: var(--brand-1)"
+        />
+      </template>
+    </q-file>
+  </div>
+</template>
+
+<style></style>