UML Component Diagram. Design Elements

ConceptDraw PRO
Discover the World of Visual Communication

UML Component Diagram is a type of Structure Diagrams that shows how components are connected to larger components or software systems, and shows the dependencies among these components.

Component-based development supposes that constructed components can be reused and replaced by some other components.

Components in UML can represent logical components and physical components. The behavior of components is defined in the terms of provided interfaces and required.

There are two types of connectors linking components: assembly connectors and delegation connectors.

Assembly connector is a connector between two components that allows to connect the required interface of one component with the provided interface of another component. Thus the assembly connector is described that one component provides the services that another component requires.

A delegation connector is a connector that describes how a component realizes the specification of behavior. When a delegation connector is assigned, the signals that arrive at the port will be delegated on the internal part. To communicate with external part it is necessary to delegate signals from the internal part to a port using the delegation connector.

Rapid UML Solution for ConceptDraw PRO contains 13 vector stencils libraries with 393 interactive shapes that you can use to design your UML diagrams.

To design a Component Diagram use the UML Component Diagram library.

UML Component Diagram library contains 36 shapes:

  • Component
  • Subsystem
  • List of required and provided interfaces
  • Realization arrow
  • Dependency arrow
  • Delegation connector
  • Aggregation (shared association)
  • Provided interface
  • Required interface
  • Ball and socket notation
  • State divider
  • Symbol
  • Port
  • Fragment
  • Note
  • Interface
  • Instance specification
  • Association
  • Composite association
  • Generalization
  • Realization arrow
  • Link
  • Library component
  • Web-page component
  • Help file
  • Work product
  • Database
  • Required interface
  • UML connector
  • UML connector (Direct)
  • UML connector (opposite direction)
  • Provided interface port
  • Port (with connector)
  • Provided interface (reverse)

UML Component Diagram library

Pic.1. UML Component Diagram Library

Pic.2. UML Component Diagram Library Elements

ConceptDraw Rapid UML solution provides UML Component Diagram library of vector stencils for drawing the component diagrams using component blocks and assembly connectors.

UML Component diagram solution

Pic.3. UML Component Diagram Solution

Use design element from the UML Component Diagram library to draw your own UML component diagrams of complex systems and software applications.

Use Product:

  • Diagram Software
  • Technical Diagramming Tool
  • Business Diagramming Tool
  • Professional Business Graphics Tool
  • ConceptDraw PRO native Mac app
  • Easier to use than Microsoft Visio® and more powerful
  • With free support and thousands of templates

Use Solution:

Rapid UML solution
  • Rapid UML templates and examples
  • UML vector elements
  • Export to graphics files and PDF
  • Export to PPT
  • Make Presention

See also:

See also Samples:

UML Design Elements:


Business Process Elements: Swimlanes
ConceptDraw has 142 vector stencils in the 8 libraries that helps you to start using software for designing own Business Process Diagrams. Use Swimlanes library with 20 objects from BPMN.  Read more... →
Business Process Elements: Swimlanes (Win, Mac)
Picture: Business Process Elements: Swimlanes
Related Solution: Business Process Diagram

UML Composite Structure Diagram
UML Composite Structure Diagram shows the internal structure of a class and the possible interactions at this structure.  Read more... →
UML composite structure diagram template
Picture: UML Composite Structure Diagram

UML Sequence Diagram. Design Elements
UML Sequence Diagram shows object interactions arranged in time sequence, how processes operate with one another and in what order and illustrate the sequence of messages exchanged between the objects and classes involved in the scenario.  Read more... →
UML Sequence Diagrams: Design Elements  (Win, Mac)
Picture: UML Sequence Diagram. Design Elements

UML Class Diagram. Design Elements
UML Class Diagrams describes the structure of a system by showing the system's classes, their attributes, and the relationships among the classes.  Read more... →
UML Class Diagram: Design Elements
Picture: UML Class Diagram. Design Elements
Related Solution: Rapid UML

UML Composite Structure Diagram. Design Elements
UML Composite Structure Diagram shows the internal structure of a class and the possible interactions at this structure. ConceptDraw has 393 vector stencils in the 13 libraries that helps you to start using software for designing your own UML Diagrams. You can use the appropriate stencils of UML notation from UML Composite Structure library.  Read more... →
UML composite structure diagrams: Design elements
Picture: UML Composite Structure Diagram. Design Elements
Related Solution: Rapid UML

UML Activity Diagram. Design Elements
UML Activity Diagram illustrate the business and operational step-by-step workflow of components in a system and shows the overall flow of control.  Read more... →
UML Design Elements: Activity (Win, Mac)
Picture: UML Activity Diagram. Design Elements

UML Deployment Diagram. Diagramming Software for Design UML Diagrams
Deployment diagram describes the hardware used in system implementations and the execution environments and artifacts deployed on the hardware.  Read more... →
uml deployment diagram for mac
Picture: UML Deployment Diagram. Diagramming Software for Design UML Diagrams

UML Tool & UML Diagram Examples
You can use many tools to create a representation of a system behavior or a scheme of objects relationships. Some of them are quite abstract and useless, and some, like UML tools help clarifying both the structure and the behavior of a system. There are various types of uml diagrams and tons of examples explaining the difference between them. UML 2.2 specification has many kinds of diagrams. They are divided into two groups( structure and behavior diagrams). This class diagram shows the hierarchical structure of UML 2.2 specification. Class diagram - the most suitable tool for this task because it is designed to describe basic structure of a system. This diagram can be use as a visual aid for learning UML.  Read more... →
UML use case diagram template. Ticket processing system
Picture: UML Tool & UML Diagram Examples
Related Solution: Rapid UML

Entity Relationship Diagram Symbols
When we start to speak about databases, we must always mention database structure visualization. One of the most common ways to do it is to create an entity relationship diagram, and to put appropriate symbols on it. It is important either for database projecting and for its' future maintenance. Entity Relationship Diagram describes data elements and their relationships within a database. There are a set of special symbols that depict each element of an entity relationship diagram. Entities - represents some stable components such as supplier, employee, invoice, client, etc. Relation symbols show how the entities interact. Attributes define characteristics of the relationships. Attributes can be one-to-one or many-to-many. Physical symbols is used in the physical models. They represent items such as fields, tables, types and keys. ERD physical symbols are the building material for the database. Notation lines are used to illustrate the relationships. The most common method is Crow’s Feet notation. You can use ConceptDraw Entity-Relationship Diagram (ERD) solution to represent a database using the Entity-Relationship model.  Read more... →
Entity Relationship Diagram Symbols
Picture: Entity Relationship Diagram Symbols
Related Solution: Entity-Relationship Diagram (ERD)

Components of ER Diagram
It is easy to recreate any informational system structure using diagrams. There are three main components of any ER diagram: entity, attribute and relationship. Basing on these three components, one can define other, less used elements, such as weak entity or relationship, derived attribute, recursive relationship etc. This is the set of graphic elements of ERD Chen's notation. This ERD notation is used to represent an entity–relationship models. It involves the set of geometric forms: rectangles - depicting entities, ovals - representing attributes and diamonds depicting relationships assigned for first-class objects, that can have relationships and attributes of their own. Connections are displayed with arrowed lines. It is known that the Chen's ERD notation is used to show a detailed view of entities and relationships. ConceptDraw Entity-Relationship Diagram solution from the Software Development section of Solution Park provides the ability to create ERD of database structure for software development purposes using the Chen’s notation elements.  Read more... →
Components of ER Diagram
Picture: Components of ER Diagram
Related Solution: Entity-Relationship Diagram (ERD)

Compatibility: Apple® OS X 10.10 or later
Microsoft® Windows® 7/8.1/10

Price: ConceptDraw PRO US$199
Download ConceptDraw PRO
Free 21 Trial for Mac and PC
Buy Now
1 Diagram Software
Professional business graphics tool for drawing schemes, diagrams and illustrating business documentation
1 Mind Map Software
Excellent tool for Mind Mapping, Planning, Brainstorming, and Building Processes
1 Project Management Software
The full complement of features needed to successfully plan and execute projects, including task and resource management, reporting, and change control