Subcomponents

This component has 3 subcomponents:

Control

The control subcomponent is required to render the Control of the TextInput component. Because of this, this component extends the native <input> component props. Because of this, you can use all of the native props. This is a required children.

Control API

Notice that there is a difference between using hasError, isDisabled, isReadOnly here or in the parent component. It is not recommended to change this props in the Control subcomponent, because this props can be inherited from the Wrapper. If you use it in the Control subcomponent, you will get the state only in the field.

Props	Type	Required
defaultValue	string | number | readonly string[] | undefined;	❌
value	string | number | readonly string[] | undefined	❌
hasError	boolean	❌
isDisabled	boolean	❌
isReadOnly	boolean	❌
maxLength	number	❌
customFilter	(value: string) => string;	❌
onChange	(e: React.ChangeEvent<HTMTextAreaElement>) => void;	❌

defaultValue

This sets a default value for the input when the DOM is rendered. This is used for an uncontrolled approach.

value

Prop that control the value, used when using a controlled approach.

maxLength

Indicates a max length value to write in the input component. This does control the max length entirely.

customFilter

Function where developers can create their own filters

onChange

Specifies a function to be called when the field's value changes

HelpText

The HelpText subcomponent extends the SDS HelpText component. See for reference: HelpText

Label

The Label subcomponent extends the SDS label component. See for reference: Label