Label
Text associated with the checkbox
⭐️ Label should indicate that if checkbox is clicked, the label
Default selection
Whether the checkbox is selected or not
⭐️ An active checkbox by default depends on the purpose of the checkbox - it should come down to how much this conveniences the user
Style
Make sure checkbox is unique and stands out from other input options
Clickability
Consider what is clickable to make the checkbox active (text label, container)
⭐️ Clicking a checkbox shouldn't activate another element to appear, change or react - it confirms a change, it doesn't trigger it
States
Radio can be default, active and disabled (see examples below)
Default
Checkbox is visible and unselected
Active
Checkbox has indeed been checked
Disabled
Checkbox state can not be changed
