Demos
Empty
<Field.LastName onChange={(value) => console.log('onChange', value)} />
Placeholder
<Field.LastNameplaceholder="Enter a name..."onChange={(value) => console.log('onChange', value)}/>
Label
<Field.LastNamelabel="Label text"onChange={(value) => console.log('onChange', value)}/>
Label and value
<Field.LastNamelabel="Label text"value="Smith"onChange={(value) => console.log('onChange', value)}/>
Disabled
<Field.LastNamevalue="Smith"label="Label text"onChange={(value) => console.log('onChange', value)}disabled/>
Error
This is what is wrong...
<Field.LastNamevalue="Unnamed"label="Label text"onChange={(value) => console.log('onChange', value)}error={new FormError('This is what is wrong...')}/>
Validation - Required
<Field.LastNamevalue="Smith"label="Label text"onChange={(value) => console.log('onChange', value)}required/>