Four Cs

Controls

Controls are interactive elements of the page.

Anything that can be clicked, dragged, typed into or accessed in some way with the mouse, keyboard or touch is a control.

Typical examples of controls are:

  • Button - a clickable component that triggers an action, such as submitting a form
  • Link - a hypertext link that takes the user to another page or section of the app
  • Input - a form input that allows users to enter information

An example of UI with controls highlighted

See the Pen Controls by gavmck (@gavmck) on CodePen.

previous

Content

next

Canvas