SubComponents

Item

This component extends the native <div> API. This is the parent component of the Description/NestedContent subcomponents.

Item API

Props	Type	Required
children	ReactNode	✅
hasError	boolean	❌
isDisabled	boolean	❌
value	string	❌
icon	AvailableTelicon	❌
image	string	❌
imageLayout	'left' | 'top'	❌
controlType	'checkbox' | 'radio'	❌
hideControl	boolean	❌
onCheck	(e: ChangeEvent) => void	❌

children

The Description/NestedContent subcomponents.

hasError

Control the error state for each item.

isDisabled

Control the disabled state for each item.

value

To pass a controlled value.

icon

To pass a custom icon.

image

String passed to render an image.

imageLayout

The image presentation mode.

controlType

To choose the control each item has.

hideControl

To show/hide the control.

onCheck

Executed when checked.

Description

The description subcomponent controls the structure rendered inside. This component extends the native <div> API.

Description API

Props	Type	Required
children	ReactNode	✅

children

An string/structure to describe the item.

NestedContent

The subcomponent can be used to render actions or extra actions below the content.

NestedContent API

The content subcomponent controls the structure rendered below, when checked, almost like an accordion.

Props	Type	Required
children	ReactNode	✅

children

An string/structure rendered when the item is checked/active.

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