I want to use a custom icon on IonSelect using Ionic icons as documention shows with the props toggleIcon & expandedIcon.
<IonSelect
interface="popover"
toggleIcon={add}
expandedIcon={remove}
aria-label="fruit"
placeholder="Select fruit"
>
<IonSelectOption value="apples">Apples</IonSelectOption>
<IonSelectOption value="oranges">Oranges</IonSelectOption>
<IonSelectOption value="bananas">Bananas</IonSelectOption>
</IonSelect>
But I got this error:
Type ‘{ children: Element; interface: “popover”; toggleIcon: string; expandedIcon: string; “aria-label”: string; placeholder: string; }’ is not assignable to type ‘IntrinsicAttributes & IonSelect & Omit<HTMLAttributes, “style”> & StyleReactProps & RefAttributes<…>’.
Property ‘toggleIcon’ does not exist on type ‘IntrinsicAttributes & IonSelect & Omit<HTMLAttributes, “style”> & StyleReactProps & RefAttributes<…>’.
The same happen if you run the stackblitz example on the documentation: https://stackblitz.com/run?file=src%2FApp.tsx
Thanks in advance.
Matias Oliva