This handout provides a broad list of user interface elements that are commonly turned into components, which are the reusable building blocks of user interfaces. This list can serve as a starting point for you to understand which elements qualify as components.
We can broadly categorize components across 4 types:
🔴. Input Controls allow the user to enter information into the system as input
🟡 Navigation Components help the user move around the product or system
🟢. Information Components tell the user what's going on in the system by sharing information
🔵 Containers group, hold, organize, and separate content
Below, you'll find a list of user interface elements that are commonly turned into components. We've grouped them based on the 4 UI element categories. Can you think of any other user elements that aren't on this list?