Bug - Data List Checkbox can't be checked

[nmp1testing]

The checkbox(es) of the Data List Checkbox example can't be checked. Is there a working example of this component?

[ShivamG0217]

try adding defaultChecked attribute to the component

Below is an example:

<DataListCheck aria-labelledby="check-action-item1" name="check-action-check1" defaultChecked />

[kmcfaul]

The issue is that DataListCheck doesn't handle uncontrolled checkboxes, and examples of are not fully wired up to handle checkbox events. You would need track the checked state in the app state, pass that to checked on DataListCheck as well as pass an event handler to onChange to toggle the checked state.

<DataListCheck checked={isCheckedState} onChange={onChangeHandler} aria-labelledby="check-action-item1" name="check-action-check1" />

There is a PR open for DataList targeting the next major version (v6) that will resolve the issue with uncontrolled checkboxes not functioning, so the behavior will work by default and you won't need to wire up the example.