>
      <ion-content>
        <div class="container">
          <ion-item fill="solid">
            <ion-label position="floating">Email</ion-label>
            <ion-input></ion-input>
            <ion-note slot="helper">Enter a valid email</ion-note>
            <ion-note slot="error">Invalid email</ion-note>
          </ion-item>
        </div>
      </ion-content>
    </ion-app>

    <script>
      const item = document.querySelector('ion-item');
      const input = item.querySelector('ion-input');

    