input-elements-1-29.jsx

return (
    <div className="container mt-3">
        <h1 className="h2 text-center">Autocomplete Example</h1>
        <div className="form-group">
            <label htmlFor="autocomplete">Item Name</label>
            <input
                type="text"
                id="autocomplete"
                value={name}
                className="custom-input form-control"
                />
        </div>
        <div className="form-group">
            <label htmlFor="code">Code</label>
            <input
                type="text"
                name="code"
                id="code"
                value={code}
                readOnly
                className="custom-input form-control"
                />
        </div>
        <div className="form-group">
            <label htmlFor="unit">Unit</label>
            <input
                type="text"
                name="unit"
                id="unit"
                value={unit}
                readOnly
                className="custom-input form-control"
                />
        </div>
        <div className="form-group">
            <label htmlFor="rate">Rate</label>
            <input
                type="text"
                name="rate"
                id="rate"
                value={rate}
                readOnly
                className="custom-input form-control"
                />
        </div>
    </div>
);