Skip to content

NationalIdentityNumber

Description

Value.NationalIdentityNumber is a wrapper component for displaying string values, with user experience tailored for national identity number values.

Demos

Empty

<Value.NationalIdentityNumber showEmpty />

Placeholder

<Value.NationalIdentityNumber placeholder="The value was not filled in" />

Value

250175 98765
<Value.NationalIdentityNumber value="25017598765" />

Label

<Value.NationalIdentityNumber label="Label text" showEmpty />

Label and value

250175 98765
<Value.NationalIdentityNumber label="Label text" value="25017598765" />

Inline

This is before the component250175 98765This is after the component

<p>
This is before the component
<Value.NationalIdentityNumber value="25017598765" inline />
This is after the component
</p>

Properties

Standard value component props

PropertyTypeDescription
valuestring(optional) Source data value for the input
showEmptyboolean(optional) True to show the component even when the value is empty.
labelstring(optional) Field label to show above / before the input feature
placeholderstring(optional) Text showing in place of the value if no value is given
pathstring(optional) JSON Pointer for where the data for this input is located in the source dataset (when using DataContext)
inlineboolean(optional) True to show the value without any DOM elements surrounding it. I.e for putting it as part of a text.