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 | 94x 6426x 5x | import { ErrorMessage } from 'formik' import { Icon } from '../../Icon/Icon' export type FormErrorProps = { /** Unique name of formik field. */ fieldName: string } /** * Errormessage for inputs, can only be used with formik. */ export const FormError: React.FunctionComponent<FormErrorProps> = ({ fieldName }) => { return ( <ErrorMessage name={fieldName}> {(errorMessage: string) => ( <div datacy={`formerror-${fieldName}`} className="flex items-center text-red"> <Icon icon="error" className="mr-2"></Icon> <span className="text-sm font-medium">{errorMessage}</span> </div> )} </ErrorMessage> ) } |