Demos#
Empty#
<Value.String showEmpty />
Placeholder#
The value was not filled in
<Value.String placeholder="The value was not filled in" />
Value#
Text value
<Value.String value="Text value" />
Label#
Label text
<Value.String label="Label text" showEmpty />
Label and value#
Label textText value
<Value.String label="Label text" value="Text value" />
With help#
Label textValue text
<Value.String label="Label text" value="Value text" help={{ title: 'Help title', content: 'Help content.', }} />
Inline#
This is before the component Text value This is after the component
<P> This is before the component <Value.String value="Text value" inline />{' '} This is after the component </P>