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
Property | Type | Description |
---|---|---|
value | string | (optional) Source data value for the input |
showEmpty | boolean | (optional) True to show the component even when the value is empty. |
label | string | (optional) Field label to show above / before the input feature |
placeholder | string | (optional) Text showing in place of the value if no value is given |
path | string | (optional) JSON Pointer for where the data for this input is located in the source dataset (when using DataContext) |
inline | boolean | (optional) True to show the value without any DOM elements surrounding it. I.e for putting it as part of a text. |