Creating checkboxes using components and states in XD I went back to the XD artboard, and I realized that there was a simpler and more scalable way to create a checkbox. Let me know if you have a better way to do this.
Create a square (I have used Corner radius: 20, Stroke 4)
Inside this square, create a smaller square and set its border size to zero.
With the inner square selected, press Ctrl+K or Cmd+K to convert the inner square to a Component. Name the Component InnerSquare
Now, select both the outer square and inner square and convert to component. Name it OuterSquare
I am using a plug-in ICONS & SYMBOLS to drag icons for check mark and user-check to the artboard
Enlarge the icons and convert them to Components named Check and User Check
Select OuterSquare component and in the Properties panel, create two new states, Mouse-Over and Mouse-click
Here's where you have to be very careful. Ensuring that you are in the Mouse-Over state, d
AdChoices