How to change the expanded toggle icon in Ionic React for Accordion?

I am using Ionic React which has multiple accordions

  <IonAccordion value="sortBy" toggleIcon={addOutline} toggleIconSlot="end">
                                <IonItem slot="header">
                                    <IonLabel>Sort By</IonLabel>
                                </IonItem>
</IonAccordion>

 <IonAccordion value="offerType" toggleIcon={addOutline} toggleIconSlot="end">
                                <IonItem slot="header">
                                    <IonLabel>Offer Type</IonLabel>
                                </IonItem>
</IonAccordion>

I want to give the effect of ‘+’ and ‘-’ when expanded.

Right now the toggleIcon is addOutline but once its expanded it must become minusOutline

2 posts - 2 participants

Read full topic