AccordionTrigger rotates a start icon

[dohomi]

Hello

It would be great if the ChevronDownIcon would be more specific that the rotation only address the chevron. I would like to add start icon to my dialog trigger and this fails like this:

https://v0.app/chat/open-in-v0-RMVf3ymdxvF

currently I fix it with but I think having the rotate by default only within the last-child makes sense

[&[data-panel-open]>svg]:rotate-0 [&[data-panel-open]>svg:last-child]:rotate-180

Cheers

[pasqualevitiello]

I don't see any issues with the v0 demo you shared. Why does it need to be more specific? Any specific use case I am missing?

[alexander-densley]

<CollapsibleTrigger className="data-panel-open:[&_.chevron]:rotate-90"> <ChevronRight className="chevron transition-transform duration-200" /> <StatusIcon /> <span className="font-medium text-sm">{item.site_use_name}</span> </CollapsibleTrigger>

You can do something like this, rather than applying to all svg, have the data panel open to some arbitrary element (I called it chevron)

[dohomi]

I don't see any issues with the v0 demo you shared. Why does it need to be more specific? Any specific use case I am missing?

Any SVG will rotate with the current implementation of the CollapsibleTrigger