SingleSubmitField

For cases that a single textField needs to be submitted and accepted.

<SingleSubmitField
  id="filled-basic"
  label="Demo"
  defaultValue="Text"
  onSubmit={() => {}}
  buttonText="Submit"
  autoFocus
/>

Prop	Type	Default	Description
autoComplete	string		This prop helps users to fill forms faster, especially on mobile devices. The name can be confusing, as it's more like an autofill. You can learn more about it following the specification.
autoFocus	bool	false	If true, the input element will be focused during the first mount.
buttonDisabled	bool	false	If true, the button will be disabled.
buttonText	string		Text on the submit field button.
disabled	bool	false	If true, the input element will be disabled.
error	bool	false	If true, the label will be displayed in an error state.
fullWidth	bool	false	If true, the input will take up the full width of its container.
helperText	string		The helper text content.
id	string		The id of the input element. Use this prop to make label and helperText accessible for screen readers.
inputProps	object		Attributes applied to the input element.
label	node		The label content.
multiline	bool	false	If true, a textarea element will be rendered instead of an input.
name	string		Name attribute of the input element.
onChange	func		Callback fired when the value is changed. Signature: function(event: object) => void event: The event source of the callback. You can pull out the new value by accessing event.target.value (string).
onSubmit	() => void		Event triggered when submit button is clicked.
placeholder	string		The short hint displayed in the input before the user enters a value.
value	any		The value of the input element, required for a controlled component.

<SingleSubmitField
  id="standard-error"
  label="Error"
  buttonText="Submit"
  error
/>

<SingleSubmitField
  id="standard-disabled"
  label="Disabled"
  buttonText="Submit"
  disabled
  helperText="Example Helper Text"
/>

<SingleSubmitField
  id="standard-disabled-button"
  label="Disabled Button"
  buttonText="Button"
  buttonDisabled
/>

<SingleSubmitField
  id="standard-default-value"
  buttonText="Button"
  defaultValue="Demo"
/>

<SingleSubmitField
  id="standard-multiline"
  label="Multiline"
  buttonText="Button"
  multiline
/>

<SingleSubmitField
  id="standard-multiline"
  buttonText="Button"
  defaultValue="Multiline"
  multiline
/>