diff options
| author |  Corentin THOMASSET <corentin.thomasset74@gmail.com>
| 2023-11-12 23:22:41 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-11-12 22:22:41 +0000 |
| commit | 478192065e6a251579a08089235ad1f26e0cc9c9 (patch) | |
| tree | b309be21ca831eaf38436f78d06101f50cec401c /src/ui/c-collapse/c-collapse.vue | |
| parent | 205e360400d588a5f9ddc9595fca29db68a07bf6 (diff) | |
| download | it-tools-478192065e6a251579a08089235ad1f26e0cc9c9.tar.gz it-tools-478192065e6a251579a08089235ad1f26e0cc9c9.tar.zst it-tools-478192065e6a251579a08089235ad1f26e0cc9c9.zip | |
feat(new tool): pdf signature checker (#745)
Diffstat (limited to 'src/ui/c-collapse/c-collapse.vue')
| -rw-r--r-- | src/ui/c-collapse/c-collapse.vue | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/src/ui/c-collapse/c-collapse.vue b/src/ui/c-collapse/c-collapse.vue new file mode 100644 index 0000000..ccd7c1e --- /dev/null +++ b/src/ui/c-collapse/c-collapse.vue @@ -0,0 +1,25 @@ +<script lang="ts" setup> +const props = withDefaults(defineProps<{ title?: string }>(), { title: '' }); +const { title } = toRefs(props); + +const isCollapsed = ref(true); +</script> + +<template> + <div> + <div flex cursor-pointer items-center @click="isCollapsed = !isCollapsed"> + <icon-mdi-triangle-down :class="{ 'transform-rotate--90': isCollapsed }" op-50 transition /> + + <slot name="title"> + <span class="ml-2" font-bold>{{ title }}</span> + </slot> + </div> + + <div + v-show="!isCollapsed" + mt-2 + > + <slot /> + </div> + </div> +</template> |