TextArea

The TextArea component can be used as a multi-line plain-text editing control to enter free-form text, such as a comment on a form.

Overview Properties

TextAreaProps

Signature:

export declare type TextAreaProps = <, (value: , event: <>) =>  | > &  &  &  &  &  & {
    placeholder?: ;
    /**
     * This attribute indicates whether the textarea is resizable by the user, and, if so, in which direction.
     * @defaultValue 
     */
    resize?:  |  |  | ;
    /**
     * The visible width of the text control, in average character widths.
     * If it is specified, it must be a positive integer.
     * @defaultValue 20
     */
    cols?: ;
    /**
     * The  of visible text lines for the control. If it is specified, it must be a positive integer.
     * @defaultValue 2
     */
    rows?: ;
    /**
     * The minimum  of characters required that the user should enter.
     * Doesn't stop the user from removing characters so that the  entered goes past the minimum,
     * but it does make the value entered into the <textarea> invalid.
     * With a set minlength an empty <textarea> is still considered valid unless you also have the required attribute set.
     */
    minLength?: ;
    /**
     * The maximum  of characters that the user can enter. If this value isn't specified,
     * the user can enter an unlimited  of characters.
     */
    maxLength?: ;
    /**
     * This attribute indicates whether the value of the control can be automatically completed by the browser.
     * If no autocompletion is desired, it can be set to .
     */
    autoComplete?: ;
    /** The name of the control - used when submitting the textarea in a form. */
    width?: ;
};

TextAreaBaseProps

Name	Type	Default	Description
`placeholder?`		`-`
`resize?`	\| \| \|	`'both'`	This attribute indicates whether the textarea is resizable by the user, and, if so, in which direction.
`cols?`		`20`	The visible width of the text control, in average character widths. If it is specified, it must be a positive integer.
`rows?`		`2`	The number of visible text lines for the control. If it is specified, it must be a positive integer.
`minLength?`		`-`	The minimum number of characters required that the user should enter. Doesn't stop the user from removing characters so that the number entered goes past the minimum, but it does make the value entered into the <textarea> invalid. With a set minlength an empty <textarea> is still considered valid unless you also have the required attribute set.
`maxLength?`		`-`	The maximum number of characters that the user can enter. If this value isn't specified, the user can enter an unlimited number of characters.
`autoComplete?`		`-`	This attribute indicates whether the value of the control can be automatically completed by the browser. If no autocompletion is desired, it can be set to "off".
`width?`		`-`	The name of the control - used when submitting the textarea in a form.

TextAreaControlledProps

Name	Type	Default	Description
`value`		`-`	The current value of the textarea.
`onChange`	(value: , event: <>) =>	`-`	Handler that is called when the value changes.

TextAreaUncontrolledProps

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

Still have questions?

Find answers in the Dynatrace Community

Go to Dynatrace Community