Component Groups

Components are interactive building blocks for creating a user interface.

The system breaks down microinteractions into component groups of interface elements. As the system is aimed at UX designers, terminologies familiar to them are used to help them understand where to tie in specific microinteractions. This guide borrows from Google's Material Design 3 Design System (Material Design Components, n.d.) to name and populate component groups. They can be organized into five categories based on their purpose

• Action Components

• Communication Components

• Navigation Components

• Selection Components

• Input Components

Components – Material Design 3Material Design

Each component group has various interface elements that have microinteractions associated with them. Interface elements are broken down into these component groups to understand better the thematic relationship between them and the actions that trigger these elements.