When slot="error" is displayed

Ionic Framework Ionic React
1

I found in the ion-item documentation, that ion-note slot=“error” is placed under the item and displayed when an error is detected.

Can you please specify these errors?

Example:

<IonItem>
          <IonLabel>Helper and Error Text</IonLabel>
          <IonInput></IonInput>
          <IonNote slot="helper">Helper Text</IonNote>
          <IonNote slot="error">Error Text</IonNote>
</IonItem>
1 Like
2

I have the same question, I was about to post it here.

It’s great to announce this new feature, but how the hell can it be used?

Google searches on the topic bring… here.

I’m very interested as I would be glad to get rid of my home-made error slots.

Thanks.

1 Like
3

Yes, how it’s used ?