32 lines
726 B
JavaScript
32 lines
726 B
JavaScript
import "./Input.css";
|
|
|
|
export default function Input({
|
|
label,
|
|
type = "text",
|
|
value,
|
|
onChange,
|
|
placeholder,
|
|
step,
|
|
min,
|
|
disabled = false,
|
|
required = false,
|
|
className = "",
|
|
}) {
|
|
return (
|
|
<label className={`form-field ${className}`}>
|
|
<div className="input__label">{label}</div>
|
|
<input
|
|
type={type}
|
|
value={value}
|
|
placeholder={placeholder}
|
|
step={step}
|
|
min={min}
|
|
disabled={disabled}
|
|
required={required}
|
|
onChange={(e) => onChange(e.target.value)}
|
|
className="input__control"
|
|
/>
|
|
</label>
|
|
);
|
|
}
|