mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
24 lines
456 B
Vue
24 lines
456 B
Vue
<script setup lang="ts">
|
|
const open = ref(true)
|
|
|
|
defineShortcuts({
|
|
o: () => open.value = !open.value
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<UCollapsible v-model:open="open" class="flex flex-col gap-2 w-48">
|
|
<UButton
|
|
label="Open"
|
|
color="neutral"
|
|
variant="subtle"
|
|
trailing-icon="i-heroicons-chevron-down-20-solid"
|
|
block
|
|
/>
|
|
|
|
<template #content>
|
|
<Placeholder class="h-48" />
|
|
</template>
|
|
</UCollapsible>
|
|
</template>
|