TextInput

Use the TextInput component to request a small amount of information, such as a name or an email address. To let users input larger amounts of text, use a TextArea instead.

Overview Properties

TextInputProps

Signature:

export declare type TextInputProps = <,  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  | > & <, (value: , event: <>) => > &  & {
    /**
     * Maps to the native input type. Use this to enhance the semantics
     * of the native input, change default keyboards on mobile or support browser
     * autocompletion for specific types.
     * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types}
     *
     * @defaultValue 
     */
    type?:  |  |  |  |  | ;
};

TextInputUncontrolledProps

Deprecated

please use TextInputProps instead.

Name	Type	Default	Description
`defaultValue?`			The default value of the input.

TextInputControlledProps

Deprecated

please use TextInputProps instead.

Name	Type	Default	Description
`value?`			The value of the input.

TextInput.Prefix, TextInput.Suffix

You can use the TextInput.Prefix component to render custom content in front of the input, or the TextInput.Suffix component if you need to render content after it.

Prop Table did not receive data

TextInput.Button

You can use the TextInput.Button component to render a button inside the TextInput.Prefix or TextInput.Suffix component.

Prop Table did not receive data

Still have questions?

Find answers in the Dynatrace Community