fix: add missing chevron arrow
This commit is contained in:
parent
444a8565b3
commit
78652835d5
|
|
@ -6,6 +6,7 @@ import {
|
||||||
type AccordionItemProps, AccordionRoot as AccordionRootPrimitive,
|
type AccordionItemProps, AccordionRoot as AccordionRootPrimitive,
|
||||||
AccordionTrigger as AccordionTriggerPrimitive, type AccordionTriggerProps,
|
AccordionTrigger as AccordionTriggerPrimitive, type AccordionTriggerProps,
|
||||||
} from 'radix-vue'
|
} from 'radix-vue'
|
||||||
|
import { ChevronDown } from 'lucide-vue-next'
|
||||||
import { cn } from '@/utils'
|
import { cn } from '@/utils'
|
||||||
|
|
||||||
export const Accordion = AccordionRootPrimitive
|
export const Accordion = AccordionRootPrimitive
|
||||||
|
|
@ -24,7 +25,7 @@ export const AccordionTrigger = defineComponent<AccordionTriggerProps>(
|
||||||
return () => h(AccordionHeaderPrimitive, { class: 'flex' },
|
return () => h(AccordionHeaderPrimitive, { class: 'flex' },
|
||||||
() => h(AccordionTriggerPrimitive,
|
() => h(AccordionTriggerPrimitive,
|
||||||
{ class: cn('flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180', attrs.class) },
|
{ class: cn('flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180', attrs.class) },
|
||||||
slots,
|
() => [slots.default(), h(ChevronDown, { class: 'h-4 w-4 shrink-0 transition-transform duration-200' })],
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user