Description
Value.LastName is a wrapper component for displaying string values, with user experience tailored for last name values.
Demos
Empty
<Value.LastName showEmpty />
Placeholder
The value was not filled in
<Value.LastName placeholder="The value was not filled in" />
Value
Smith
<Value.LastName value="Smith" />
Label
<Value.LastName label="Label text" showEmpty />
Label and value
Smith
<Value.LastName label="Label text" value="Smith" />
Inline
This is before the componentSmithThis is after the component
<p>This is before the component<Value.LastName value="Smith" 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. |