Using a checkbox with label

It looks like in a checkbox element the checkbox cannot be made larger to match the size of the text. Is that correct?

Yes I think this is one thats long over due an update!

In the meantime you can quite easily make your own custom checkbox using an Icon, Button, or Group with a yes/no custom state called something like “selected”.

When clicked, set the state to:
selected = This element’s selected is no

This automatically toggles the value between yes and no. Then use conditions to change the icon, colour, or appearance based on whether selected is yes or no.

If you reference “This element” (rather than a specific element name), the component becomes reusable because the logic always refers to itself :+1:t2:

Same with the radio button element. Its not very flexible

I don’t even need an active button, all I want is a checkbox at the beginning of each line.