diff --git a/ayanova/src/components/attachment-control.vue b/ayanova/src/components/attachment-control.vue
new file mode 100644
index 00000000..893a2bb7
--- /dev/null
+++ b/ayanova/src/components/attachment-control.vue
@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <span class="v-label v-label--active theme--light">
+      {{ $ay.t("Attachments") }}
+    </span>
+    <v-expansion-panels focusable>
+      <v-expansion-panel v-for="(item, i) in 5" :key="i">
+        <v-expansion-panel-header>Item</v-expansion-panel-header>
+        <v-expansion-panel-content>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+          aliquip ex ea commodo consequat.
+        </v-expansion-panel-content>
+      </v-expansion-panel>
+    </v-expansion-panels>
+  </div>
+</template>
+<script>
+export default {
+  created() {},
+  data() {
+    return {};
+  },
+  props: {
+    ayaType: Number,
+    ayaId: Number,
+    readonly: Boolean
+  },
+
+  methods: {}
+};
+</script>