16 lines
380 B
TypeScript
16 lines
380 B
TypeScript
/**
|
|
* ErrorMessage Component
|
|
*
|
|
* Displays an error message if a form field has been touched and an error exists.
|
|
*/
|
|
|
|
import React from "react"
|
|
|
|
const ErrorMessage = ({ touched, error }: { touched: boolean; error?: string }) => {
|
|
if (touched && error) {
|
|
return <p className="text-xs text-red-500" role="alert">{error}</p>
|
|
}
|
|
return null
|
|
}
|
|
|
|
export default ErrorMessage
|