n-input {
        width: 300px;
      }
    </style>
  </head>

  <body>
    <ion-app>
      <ion-content>
        <div class="container">
          <ion-input
            type="email"
            fill="solid"
            label="Email"
            label-placement="floating"
            helper-text="Enter a valid email"
            error-text="Invalid email"
          ></ion-input>
        </div>
      </ion-content>
    </ion-app>

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

     