How to put my own component into a specific IonItem slot?

I have my own component that I created and would like to put it into the “end” slot of IonItem component. How do I do that?

example:

<IonItem>
  <IonLabel>Some label</IonLabel>
  <MyCustomComponent slot="end" />
</IonItem>

It automatically goes into the main slot. But I need the label to be in the main slot, because if I put the label in the “start” slot and the custom component in the main slot, the label gets cut off if it’s too long. And the label is important and shouldn’t be cut off with ellipsis.

Thanks!

1 post - 1 participant

Read full topic