1 files changed, 38 insertions, 0 deletions
diff --git a/src/components/_sila/Global/Collapse.vue b/src/components/_sila/Global/Collapse.vue
new file mode 100644
index 00000000..141da639
--- /dev/null
+++ b/src/components/_sila/Global/Collapse.vue
@@ -0,0 +1,38 @@
+<template>
+  <div class="custom-collapse">
+    <b-button
+      v-b-toggle="id"
+      variant="collapse"
+      class="d-flex flex-nowrap justify-content-start"
+    >
+      <slot name="image"></slot>
+      {{ title }}
+      <component :is="iconChevronUp" class="icon-expand" />
+    </b-button>
+    <b-collapse :id="id" class="nav-item__nav">
+      <slot></slot>
+    </b-collapse>
+  </div>
+</template>
+<script>
+import iconChevronUp from '@carbon/icons-vue/es/chevron--up/20';
+
+export default {
+  name: 'Collapse',
+  props: {
+    id: {
+      type: String,
+      default: null,
+    },
+    title: {
+      type: String,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      iconChevronUp: iconChevronUp,
+    };
+  },
+};
+</script>