TextField

The TextField is a convenience wrapper for the most common cases (80%). It cannot be all things to all people, otherwise the API would grow out of control.

Advanced Configuration

It's important to understand that the text field is a simple abstraction on top of the following components:

• FormControl

• InputLabel

• FilledInput

• OutlinedInput

• Input

• FormHelperText

If you wish to alter the props applied to the input element, you can do so as follows:

const inputProps = {
  step: 300,
};

return <TextField id="time" type="time" inputProps={inputProps} />;

For advanced cases, please look at the source of TextField by clicking on the "Edit this page" button above. Consider either:

• using the upper case props for passing values directly to the components

• using the underlying components directly as shown in the demos

Demos:

• Autocomplete

• Text Field

API:

• TextField API

• inherits FormControl API