JSFiddle - React, Tailwind, and code Playground

HTML

<input class="input-group-field" />

CSS

.input-group-field {
  width: 100%;
}

JavaScript

function showLetter (field, text, position, delay) {
	if (position >= text.length) {
	  return false;
  }
	var current = text.substring(0,position);
  setTimeout(function(){
    $(field).val(current+text[position]);
  }, delay);
  
  return showLetter(field,text,position+1,delay+100)
}
showLetter (".input-group-field", "Show letter for letter with a delay of 1 second", 0, 1000);