Jcb-input NPM | npm.io

Install

npm install jcb-input

Usage example

parcel index.html

index.html

<!DOCTYPE html>
<body>
   <jcb-input
      id="phone-input"
      type="text"
      name="phone"
      label="Téléphone mobile"
      placeholder="Ex : 06 50 90 04 72"
      value="123"
      error-message="Invalid phone number"
   ></jcb-input>
</body>

<script>
   import 'jcb-input'
   import "@fontsource/roboto/300.css"

   const phoneInput = document.getElementById('phone-input')
   // phoneInput.value = "234"

   phoneInput.addEventListener('input', event => {
      console.log('input', event.target.value)
   })
</script>

<style>
:root {
   font-family: "Roboto";
   font-weight: 300;
}
</style>