Component Diagram

In Mermaid

• This is not currently supported: Component Diagram #1462
• PlantUML does support this: Component Diagram

Test

Basic Source Code

@startuml
customer - [Customer]
dataAccess - [Customer]

order - [Order]
dataAccess - [Order]

a - [Persistence]
b - [Persistence]

accessControl - [Security]
encryption - [Security]

[OnlineShopping] ..> customer
[OnlineShopping] ..> order

[Customer] -> a
[Order] -> a

[Customer] -> accessControl
[Order] -> accessControl
@enduml

Bad Rendering

What it Should Look Like