Checkboxes allow users to select one or more items from a set. Checkboxes can turn an option on or off.

Motion Functions

The function of motion within a checkbox is to give users feedback on the properties they have selected. Motion can orient users' actions and ease the transition between selection and feedback.


In the above examples of checkboxes, the motion is offset with an initial state either on hover or right before being pressed, which then transitions into the checked state. Having different states helps orient the user to what action is being performed and which checkbox they are currently clicking on.

Last updated