Files
ui/playground/pages/collapsible.vue
Daniel Roe 4446531d04 chore: add local module for better development dx (#2)
* chore: add local module for better dx developing nuxt/ui

* up

* up

* up

* feat(Kbd): new

* chore(Badge): update

* chore(Collapsible): remove content prop

* chore(Container): clean

* chore(Avatar): update root bg

* chore(Link): clean

* feat(Tooltip): handle shortcuts

* playground(collapsible): update

---------

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
2024-03-12 12:12:17 +01:00

16 lines
414 B
Vue

<template>
<UCollapsible class="space-y-2 w-48">
<UButton
class="group"
color="gray"
label="Open"
block
trailing-icon="i-heroicons-chevron-right-20-solid"
:ui="{ trailingIcon: 'group-data-[state=open]:rotate-90 transition' }"
/>
<template #content>
<div class="bg-primary-500 dark:bg-primary-400 h-12 w-full" />
</template>
</UCollapsible>
</template>