# All files / src/components/FormField FormField.js

100% Statements 1/1
100% Branches 3/3
100% Functions 1/1
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33

    806x

     function FormField({
      label,
      name,
      type = 'text',
      placeholder,
      testId,
      errorTestId,
      value,
      error,
      onChange
    }) {
      return (
        <label>
          {label}
          <input
            type={type}
            data-testid={testId}
            name={name}
            placeholder={placeholder}
            value={value}
            onChange={onChange}
          />
          {error && (
            <span className="field-error" data-testid={errorTestId}>
              {error}
            </span>
          )}
        </label>
      );
    }

    export default FormField;