Components – legacy
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="mt-3" inverted type="submit" > Validera </Button> <p> Open console to view validations </p> </Form>
Properties
SSNInput
| Prop name | Type | Default Value | Description |
|---|---|---|---|
| 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.
