Wrapper

This is a compound component.

API

This component extends the native div tag props. This means this component can receive the native html div attributes, for example, the className attribute (which is why it's not included in the table).

Props	Type	Required
children	ReactNode	✅
labelPosition	'before' | 'after'	❌
hasError	boolean	❌
isDisabled	boolean	❌

children

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

labelPosition

Sets the position of the label element in the layout

hasError and isDisabled

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 and style.