Hero Image

Components

Email input

Examples of email inputs with built-in validation.

Open console to view validations

<Form
  isVertical
  onSubmit={function noRefCheck() {}}
  onValidate={function noRefCheck() {}}
>
  <EmailInput
    name="emailExample1"
    onChange={function noRefCheck() {}}
    value="info@svenskaspel.se"
  />
  <Button
    block
    className="margin-xs-top-3"
    inverted
    type="submit"
  >
    Validera
  </Button>
  <p>
    Open console to view validations
  </p>
</Form>

Properties

EmailInput

Prop nameTypeDefault ValueDescription
errorMessageDefaultstring'Du måste ange en giltig e-postadress'
errorMessageRequiredstring'Du måste ange en e-postadress'
isRequiredbooltrue
labelstring'E-post'
helpMessagestring
infoMessagestring
isLessSpacebool
name *string
onBlurfunc
onChange *func
onFocusfunc
value *string

Accessibility

This component has been validated to meet the WCAG 2.1 AA accessibility guidelines.

Read more about WCAG 2.1 AA.