@mutt/widget-personnummer
v2.1.0
Published
Mutt Forms Widget - Swedish Personnummer Input
Downloads
14
Readme
Mutt Forms Widget - Personnummer
Mutt Forms Vue widget for Swedish Personnummer lookup.
It is designed to be integrated with https://www.ratsit.se/
.
Field Options
This ssn
options accepts the following properties:
| Property | Type | Required | Default | Description |
|----------------------|----------|----------|----------------------------|----------------------------------------------------------------------------------------------|
| host
| String | true | null | Provider API host |
| username
| String | true | null | Username for the provider API |
| password
| String | true | null | Password for the provider API |
| template
| String | false | '{givenName} {lastName}'
| Template used to display a search result referencing object properties in the returned result|
| requiredFieldPaths
| String[] | false | null | An array of field paths to check for values in the returned search result |
| minimumAge
| Number | false | null | The minimum age in years |
Complete Example
{
"field_name": {
"widget": "personnummer",
"ssn": {
"host": "https://example.com/ssn-lookup",
"username": "username",
"password": "password123",
"template": "{ssn} - {givenName} {lastName}",
"minimumAge": 18
}
}
}
Field Events
ssnSelect
: Emitted when the value has been entered and the detail confirmedssnClear
: When the value is changed/clearedtoggleOverlay
: Natural language form supportssnRequiredFieldsMissing
: WhenrequiredFieldPaths
are specified and are missing values
i18n Support
The widget has i18n support via the Vue i18n Plugin
or any other tools that expose a $t
function to translate strings.