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

feat: expose open state to slots

Browse Source
This commit is contained in:
Benjamin Canac
2024-05-30 12:36:48 +02:00
parent 85c4226bd0
commit ed2c45ac76
7 changed files with 31 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/runtime/components/Collapsible.vue
View File

@@ -17,7 +17,7 @@ export interface CollapsibleProps extends Omit<CollapsibleRootProps, 'asChild'>
export interface CollapsibleEmits extends CollapsibleRootEmits {}
export interface CollapsibleSlots {
default(): any
default(props: { open: boolean }): any
content(): any
}
</script>
@@ -37,9 +37,9 @@ const ui = computed(() => tv({ extend: collapsible, slots: props.ui })())
</script>
<template>
<CollapsibleRoot v-bind="rootProps" :class="ui.root({ class: props.class })">
<CollapsibleRoot v-slot="{ open }" v-bind="rootProps" :class="ui.root({ class: props.class })">
<CollapsibleTrigger v-if="!!slots.default" as-child>
<slot />
<slot :open="open" />
</CollapsibleTrigger>
<CollapsibleContent :class="ui.content()">