SubComponents

Control

The control subcomponent is required to render the Control of the Password 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
isDisabled	boolean	❌
controlledValue	string	❌
maxLength	number	❌
onChange	(e: React.ChangeEvent<HTMLInputElement>) => void;	❌
customFilter	(e: string) => string	❌

controlledValue

The controlled value of the field

maxLength

The maximum length of the field

onChange

The function to be called when the input changes

customFilter

A custom filter function to be applied to the input

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