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

feat(Accordion): add body slot to solve animation flick

Browse Source
This commit is contained in:
Benjamin Canac
2024-09-04 17:50:38 +02:00
parent d63ab0892e
commit 85d172339f
11 changed files with 301 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
playground/app/pages/components/accordion.vue
View File

@@ -30,9 +30,17 @@ const items = [{
<template>
<UCard :ui="{ body: 'p-0 sm:p-0' }">
<UAccordion :items="items" class="w-96" :ui="{ trigger: 'px-3.5', content: 'px-3.5' }">
<template #custom="{ item }">
<span class="text-gray-500 dark:text-gray-400">Custom: {{ item.content }}</span>
<UAccordion :items="items" class="w-96" :ui="{ trigger: 'px-3.5', body: 'px-3.5' }">
<template #body="{ item }">
<p class="text-gray-500 dark:text-gray-400">
{{ item.content }}
</p>
</template>
<template #custom-body="{ item }">
<p class="text-gray-500 dark:text-gray-400">
Custom: {{ item.content }}
</p>
</template>
</UAccordion>
</UCard>