Fabric 104
Learn about Selecting Things alpha

Overview

  • Use Dropdowns when you have many options to choose between, or you don't have sufficent vertical screen real estate, and the resulting action is neither navigation or an edit
  • Use Radio buttons when there are 3 items or less to choose between, and you have a sufficent amount of vertical screen real estate
  • Use Action Menus when the resulting action is either navigation or an edit

Examples

  • Radio 🎉
  • Dropdown
  • Action Menu
  • Radio
  • Dropdown 👏
  • Action Menu
  • Radio
  • Dropdown 👏
  • Action Menu
  • Radio
  • Dropdown
  • Action Menu 🙌

Test your Knowledge! +20 pts

If you don't have alot of vertical screen real estate, but you want the user to pick their privacy settings with the options of Public or Private, how would you show it?

  • Dropdown
  • Radio
  • Action Menu