JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="name">

JavaScript

let name = document.getElementById('name');

name.addEventListener('keyup', () => {
		if (name.value.length > 10) {
    		name.value = name.value.slice(0, 10);
    }
})