Hi guys, I'm trying to use a component to represent a list of checkboxes with the text. So far it's great, the checkboxes and text are generated dynamically based on the sample json I'm passing in from the app variable. I'm able to pass back the values to the parent page by checking and unchecking the boxes, using a callback to pass a list of ids.
But it's not user friendly because it only works when the user checks the box, I want to be able to toggle the checkbox when the text beside it is clicked as well.
How do I make this work inside a dynamically generated component?