Wrapper

The TextInput component wrapper.

This is a compound component.

API

This component extends the native <div> API. That's why the className prop is not included in the table.

Props	Type	Required
children	ReactNode	✅
hasError	boolean	❌
isDisabled	boolean	❌
isReadOnly	boolean	❌

children

The children in this case, because it is a compound component, should be the ones provided by this design system.

hasError

The hasError prop sets the component state to an error state, changing its colors by the ones defined in the tokens.

isDisabled

Disables the component by changing its state.

isReadOnly

This causes the component to be read only. This overrides the hasError state.