Demos
Empty
<DataValue.NationalIdentityNumber showEmpty />
Placeholder
The value was not filled in
<DataValue.NationalIdentityNumber placeholder="The value was not filled in" />
Value
25017598765
<DataValue.NationalIdentityNumber value="25017598765" />
Label
<DataValue.NationalIdentityNumber label="Label text" showEmpty />
Label and value
25017598765
<DataValue.NationalIdentityNumberlabel="Label text"value="25017598765"/>
Inline
This is before the component25017598765This is after the component
<>This is before the component<DataValue.NationalIdentityNumber value="25017598765" inline />This is after the component</>
Inline and label
This is before the component25017598765This is after the component
<>This is before the component<DataValue.NationalIdentityNumberlabel="Label text"value="25017598765"inline/>This is after the component</>