UI Control GuidelinesA collection of detailed guidelines about User Interface (UI) controls, the building blocks of any software interface. Buttons, links, accordions, menus, and more!
Buttons are common elements of every interface and are used to execute an action. It must be apparent what that action will be, to avoid any mistakes or confusion.
Text input fields allow keyboard input from the user. They are frequently used with other types of input controls in a form, but can be used on their own.
A Dropdown menu (or Combo Box, Pull Down menu, Picker) gives you a list of items to select from. It’s a common element in forms, setting pages, and quizzes.
Radio button controls allow users to select items from a list when only a single selection is valid. Find out when you should use them and some best practices.
Checkbox controls allow users to select items from a list when multiple selections are valid. Read more for tips, best practices, and different use cases.
On/off switches are great for settings areas, but you should avoid using them in forms. Read on for more information about toggle switches and best practices.
A numeric stepper is a UI control that works well for clicking through numbers with a small value. For anything higher than 10 you should use a different control.
With a slider you can graphically see you selection relative to the minimum and maximum options. For a tiny control, there are a lot of best practices to know!
Links are a very versatile control. You can use them for your primary navigation, for navigating through a page, to bring users to a more detailed page, and more!
Breadcrumbs are a chain of links used on websites with hierarchical navigation. They allow users to orientate themselves as they move throughout the platform.