arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-28 19:00:35 +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> <template>
<UCollapsible class="space-y-2 w-48"> <UCollapsible class="space-y-2 w-48">
<UButton class="group" color="gray" label="Open" block> <UButton
<template #trailing="trailingProps"> class="group"
<UIcon name="i-heroicons-chevron-right-20-solid" :class="trailingProps.class" class="group-data-[state=open]:rotate-90 transition-transform duration-200" /> trailing-icon="i-heroicons-chevron-right-20-solid"
</template> color="gray"
</UButton> label="Open"
block
:ui="{ trailingIcon: 'group-data-[state=open]:rotate-90 transition-transform duration-200' }"
/>
<template #content> <template #content>
<Placeholder class="h-24 w-full" /> <Placeholder class="h-24 w-full" />