Variable TextFieldConst

Type Declaration

• • <Variant extends TextFieldVariants>(
        props: { variant?: Variant } & Omit<
            OutlinedTextFieldProps
            | StandardTextFieldProps
            | FilledTextFieldProps,
            "variant",
        >,
    ): Element

  • 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 ;
    Copy

    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

    Type Parameters

    • Variant extends TextFieldVariants

    Parameters

    • props: { variant?: Variant } & Omit<
          OutlinedTextFieldProps
          | StandardTextFieldProps
          | FilledTextFieldProps,
          "variant",
      >

      • Optionalvariant?: Variant

        The variant to use.

        Default

        'outlined'
        Copy

    Returns Element