arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 20:19:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

playground(collapsible): handle trailingIcon differently

Browse Source
This commit is contained in:
Benjamin Canac
2024-03-21 18:41:28 +01:00
parent 167127861f
commit 6946c2dfec
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
playground/pages/collapsible.vue
View File

@@ -1,10 +1,13 @@
<template>
<UCollapsible class="space-y-2 w-48">
<UButton class="group" color="gray" label="Open" block>
<template #trailing="trailingProps">
<UIcon name="i-heroicons-chevron-right-20-solid" :class="trailingProps.class" class="group-data-[state=open]:rotate-90 transition-transform duration-200" />
</template>
</UButton>
<UButton
class="group"
trailing-icon="i-heroicons-chevron-right-20-solid"
color="gray"
label="Open"
block
:ui="{ trailingIcon: 'group-data-[state=open]:rotate-90 transition-transform duration-200' }"
/>
<template #content>
<Placeholder class="h-24 w-full" />