Skip to content
PlantUML templates

Component with Ports & Interfaces

Component diagram using provided / required interfaces and ports.

Template previewPlantUML
Rendering…

Make it your own.

@startuml
!theme plain
skinparam backgroundColor transparent
component [Order Service] as Order {
  portin "REST" as inP
  portout "DB" as outP
  portout "Bus" as outB
}
interface "IOrder" as I1
interface "ISQL" as I2
interface "IEvents" as I3

I1 -- inP
outP -- I2
outB -- I3

[Web App] --( I1
I2 )-- [Postgres]
I3 )-- [Event Bus]
@enduml