diff options
Diffstat (limited to 'src/components/_sila/Global/Collapse.vue')
-rw-r--r-- | src/components/_sila/Global/Collapse.vue | 38 |
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> |