Components

A design component refers to a self-contained, reusable element within a design system. It embodies specific functionality, behaviour, or visual representation that can be deployed consistently across diverse sections of an application or website.

Characteristics:

Modularity: Components are self-contained and can operate independently.
Reusability: They are deployable across different areas of a project or in various projects.
Consistency: Components ensure a uniform appearance and behaviour throughout the application.
Customization: They may allow for customization through defined parameters or properties.

Actions

Elements that allow user to perform a call to action.

Controls

Elements that allow user to select a preference or express a choice.

Forms

Elements that allow user to input data.

Navigation

Elements that allow users to browse and search through content.

Indicators

Elements that convey change of state to existing one.

Overlay

Elements that appears over existing components to add contextual information or feedback.