You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
monitor-doc/resources/js/Components/TextInput.jsx

39 lines
842 B
React

2 years ago
import React, { useEffect, useRef } from 'react';
export default function TextInput({
type = 'text',
name,
value,
className,
autoComplete,
required,
isFocused,
handleChange,
}) {
const input = useRef();
useEffect(() => {
if (isFocused) {
input.current.focus();
}
}, []);
return (
<div className="flex flex-col items-start">
<input
type={type}
name={name}
value={value}
className={
2 years ago
`input input-bordered w-full ` +
2 years ago
className
}
ref={input}
autoComplete={autoComplete}
required={required}
onChange={(e) => handleChange(e)}
/>
</div>
);
}