Email Input

An email-typed input with built-in regex validation and an optional check / alert icon that appears once the field has been touched.

Validation

The input runs a basic email regex on every change and after blur. The trailing icon is suppressed until the user has interacted with the field, so empty forms don't show errors prematurely.

Installation

Props

Forwards all Input props.

PropTypeDefaultDescription
showValidation
booleanfalseShow a check / alert icon once the field has been touched.
onValidationChange
(isValid: boolean) => voidCalled whenever the validity changes.