Subcomponents

Notice that there is a difference between using hasError, isDisabled here or in the parent component. It is not recommended to change this props in the Control or in theLabelsubcomponent, 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.

Control

The control subcomponent is required to render the Control of the TextInput component. Because of this, this component extends the native input[type="radio"] component props. Because of this, you can use all of the native props. This is a required children.

Control API

Props
Type
Required

defaultChecked

boolean

checked

boolean

hasError

boolean

isDisabled

boolean

onChange

(e: React.ChangeEvent) => void; }

defaultChecked

Defines the initial check state for the uncontrolled version of the component

checked

Defines the check state for the controlled version of the component

onChange

The function executed passed when the radio state changes.

Label

The label subcomponent does not extend the SDS label component.

Label API

This subcomponent extends the native label props.

Props
Type
Required

children

ReactNode

isDisabled

boolean

hasError

boolean

children

The rendered string or structure passed to the label.

Last updated