Version:

Install ​

shell
npm i @mate-react/email-field

Import ​

tsx
import { MateEmailField } from '@mate-react/email-field';

Variants ​

Default ​

tsx
<MateEmailField label="Label" />

Required ​

tsx
<MateEmailField label="Required" required />

Disabled ​

tsx
<MateEmailField label="Disabled" disabled />

Read Only ​

tsx
<MateEmailField label="Read only" readonly />

Invalid ​

tsx
<MateEmailField label="Invalid" invalid errorMessage="Error message" />