input counter

[mahdi81007]

i want counter for length of input to set error for max or min length prop

[Kenzo-Wada]

why dont you do simply something like this

const [value, setValue] = useState('');

const handleChange = (e) => {
  const inputValue = e.target.value;
  setValue(inputValue);

  if (inputValue.length === 10) {
    console.error('count error');
  }
};

return (
  <input
    type="text"
    value={value}
    onChange={handleChange}
  />
);

[Kenzo-Wada]

or, if its a form component, you could use this

https://mantine.dev/form/validation/

[mahdi81007]

no i dont want just show error i want show the length in front of input