A pack of extensions for grommet 2
created:4/21/2021
updated:4/21/2021
source lines:10
comments %:30

EmailInputField

grommet-controls
3.0.1

An email input field with form validation

import { EmailInputField } from 'grommet-controls';

Main

Name
Description
Default
IWithFormFieldProps (7 properties)
validation

default validation rules

ValidationFunc | ValidationObj | ValidationType[]
-
name

field name

string
-
label

field label

ReactNode
-
description

field help/description

string
-
controlLabel

if separate - label of the FormField

ReactNode
-
inField

whether the field is in a FormField

boolean
-
children

child component

((props: IFieldProps) => any) | (((props: IFieldProps) => any) & string) | (((props: IFieldProps) => any) & number) | (((props: IFieldProps) => any) & false) | (((props: IFieldProps) => any) & true) | (((props: IFieldProps) => any) & ReactElement<...>) | (((props: IFieldProps) => any) & ReactNodeArray) | (((props: I...
-
IDropInputOwnProps (14 properties)
TextInputProps (18 properties)
Attributes (1 properties)
InputHTMLAttributes (28 properties)
HTMLAttributes (40 properties)
AriaAttributes (48 properties)
DOMAttributes (157 properties)
IMaskedInputOwnProps (6 properties)

Commits

Date
Author
Commit Message
8/30/2020

atanasster

update eslint and add component-controls
8/27/2019

atanasster

initial commit 2.x alpha
2 commits

package
imports
peer
react
^17.0.1
React
*

file
imports
"../EmailInput"
EmailInputIEmailInputProps
"../WithFormField"
WithFormFieldIWithFormFieldProps

Stories

In Field

Validation