Are components and patterns same in interface design?

Components are the individual building blocks that a UI is made out of. They're context-agnostic and can be used anywhere within an app. Patterns are the ways these components are used within a UI. They're relevant only in certain contexts.

1. What is the difference between a component and a pattern?
2. What is interface pattern?
3. What are the 3 main components of a pattern?

What is the difference between a component and a pattern?

Despite their similarities, components and patterns differ in important ways. At a high level, patterns are meant to serve as baselines open to interpretation and application by a designer; on the other hand components are quite specific to an established design and thus more prescriptive and fixed.

What is interface pattern?

User interface (UI) design patterns are reusable/recurring components which designers use to solve common problems in user interface design. For example, the breadcrumbs design pattern lets users retrace their steps. Designers can apply them to a broad range of cases, but must adapt each to the specific context of use.

What are the 3 main components of a pattern?

Every pattern has three essential elements, which are: a context, a problem, and a solution (see figure 1). The context describes a recurring set of situations in which the pattern can be applied.