diff options
Diffstat (limited to 'src/ui/c-modal-value/c-modal-value.demo.vue')
| -rw-r--r-- | src/ui/c-modal-value/c-modal-value.demo.vue | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/src/ui/c-modal-value/c-modal-value.demo.vue b/src/ui/c-modal-value/c-modal-value.demo.vue new file mode 100644 index 0000000..6ebff8c --- /dev/null +++ b/src/ui/c-modal-value/c-modal-value.demo.vue @@ -0,0 +1,21 @@ +<template> + <div flex gap-2> + <c-modal-value value="lorem ipsum" label="test" /> + <c-modal-value> + <template #label="{ toggleModal }"> + <c-button class="text-left" size="small" @click="toggleModal"> + Bonjour + </c-button> + </template> + + <template #value> + <pre> + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Molestias, quisquam vitae saepe dolores quas debitis ab r + ecusandae suscipit ex dignissimos minus quam repellat sunt. + Molestiae culpa blanditiis totam sapiente dignissimos. + </pre> + </template> + </c-modal-value> + </div> +</template> |