diff --git a/frontend/src/components/customers/CustomerDetails.vue b/frontend/src/components/customers/CustomerDetails.vue
new file mode 100644
index 0000000..ce6e3b2
--- /dev/null
+++ b/frontend/src/components/customers/CustomerDetails.vue
@@ -0,0 +1,27 @@
+<template>
+  <dialog open>
+    <header>
+      <h1>{{ customerName }}</h1>
+    </header>
+    <p>{{ customerDescription }}</p>
+    <button @click="$emit('hide-details', true)">Return to list</button>
+  </dialog>
+</template>
+
+<script>
+export default {
+  props: {
+    customerName: {
+      type: String,
+      required: true,
+    },
+    customerDescription: {
+      type: String,
+      required: false,
+    },
+  },
+  emits: ["hide-details"],
+};
+</script>
+
+<style></style>