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