I am Sri. I have been working on a report which leverages coral accordion. I am able to generate records inside coral accordion with no issues. However, I would like to implement custom click event explicitly on '<coral-accordion-item-label> (ItemA and Item B labels mentioned in the screenshot)' and 'coral-icon coral-Icon--chevronRight (which is this icon '>')'. I have tried applying click event on these two html tags but no luck. It would be great if someone could help me with this issue?
<coral-accordion> <coral-accordion-item> <coral-accordion-item-label>Item A</coral-accordion-item-label> <coral-accordion-item-content>Item A content.</coral-accordion-item-content> </coral-accordion-item> <coral-accordion-itemselected> <coral-accordion-item-label>Item B</coral-accordion-item-label> <coral-accordion-item-content>Item B content.</coral-accordion-item-content> </coral-accordion-item> </coral-accordion>
Note: 'coral-Icon--chevronRight' icon has been generated dynamically on page load