github.com/quickfeed/quickfeed@v0.0.0-20240507093252-ed8ca812a09c/public/src/components/forms/FormInput.tsx (about)

     1  import React from "react"
     2  
     3  type FormProps = {
     4      prepend: string,
     5      name: string,
     6      placeholder?: string,
     7      defaultValue?: string | undefined,
     8      onChange?: (e: React.FormEvent<HTMLInputElement>) => void,
     9      type?: string,
    10      children?: React.ReactNode,
    11  }
    12  
    13  const FormInput = ({ prepend, name, placeholder, defaultValue, onChange, type, children }: FormProps): JSX.Element => {
    14      return (
    15          <div className={"input-group mb-3"}>
    16              <div className="input-group-prepend">
    17                  <div className="input-group-text">{prepend}</div>
    18              </div>
    19              <input className="form-control"
    20                  name={name}
    21                  type={type ? type : "text"}
    22                  placeholder={placeholder}
    23                  defaultValue={defaultValue}
    24                  onChange={onChange}
    25              />
    26              {children}
    27          </div>
    28      )
    29  }
    30  
    31  export default FormInput