mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
20 lines
454 B
Vue
20 lines
454 B
Vue
<template>
|
|
<UCollapsible class="flex flex-col gap-2 w-48">
|
|
<UButton
|
|
class="group"
|
|
label="Open"
|
|
color="neutral"
|
|
variant="subtle"
|
|
trailing-icon="i-heroicons-chevron-down-20-solid"
|
|
:ui="{
|
|
trailingIcon: 'group-data-[state=open]:rotate-180 transition-transform duration-200'
|
|
}"
|
|
block
|
|
/>
|
|
|
|
<template #content>
|
|
<Placeholder class="h-48" />
|
|
</template>
|
|
</UCollapsible>
|
|
</template>
|