Ion-select custom item

We use IonSelect (ion-select: Select One or Multiple Value Boxes or Placeholders) and would love to customize the IonSelectOption item content. But when we place any extra html/components inside the IonSelectOption, nothing gets rendered in the item except for simple text:

<IonSelectOption
       className='da-select-item' 
       key={item[valueExpr]} 
       value={item[valueExpr]}
>
   <span className='da-select-item-text'>
      {item[displayExpr]}
   </span>
</IonSelectOption>

The span never gets rendered, nor any other html we try to put into the IonSelectOption component. Anyone knows how to render custom html inside the IonSelectOption?

1 post - 1 participant

Read full topic