Components

SSN input

Examples of SSN input with built-in validation.

<Form
  isVertical
  onSubmit={function noRefCheck() {}}
  onValidate={function noRefCheck() {}}
>
  <SSNInput
    name="ssnExample1"
    onChange={function noRefCheck() {}}
    value="195509106703"
  />
  <Button
    block
    className="margin-xs-top-3"
    inverted
    type="submit"
  >
    Validera
  </Button>
  <p>
    Open console to view validations
  </p>
</Form>

Properties

SSNInput

Prop name	Type	Default Value
errorMessageDefault	string	'Felaktigt personnummer, använd formatet YYYYMMDD-XXXX'
errorMessageRequired	string	'Du måste ange personnummer'
helpMessage	string	'ÅÅÅÅMMDD-XXXX'
isRequired	bool	true
label	string	'Ange personnummer'
infoMessage	string
isLessSpace	bool
name *	string
onBlur	func
onChange *	func
onFocus	func
value *	string

Accessibility

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

SSN input

Properties

SSNInput

Accessibility

Related