How do I color a single arrow in a plant UML component diagram

Question

From the documentation its clear of how to color all the arrows using a skinparam and I can change the overall color of a component using colors. Its just unclear to me on how to color the arrows only.

e.g. in the below example how could I make the arrow from component1 to component3 have a different colour

Plant UML Code

@startuml
  [Component1] as 1
  [Component2] as 2
  [Component3] as 3
  1 --> 2
  1 --> 3
@enduml

Resulting Diagram

score 30 · Accepted Answer · edited Jun 20 '20 at 09:12

30

Add the color within brackets inside the arrow you want colored: 1 -[#blue]-> 3

You can use hex color code as well: #0000FF instead of #blue for example.

@startuml
  [Component1] as 1
  [Component2] as 2
  [Component3] as 3
  1 --> 2
  1 -[#blue]-> 3
@enduml

Result:

edited Jun 20 '20 at 09:12

Community

1
1

answered Aug 18 '16 at 18:29

Voicu

16,921
10
60
69

1 -> 3, fix it as 1 -[#blue]-> 3, awesome, what about 1 -d-> 3, we can not use 1 -d-[#blue]-> 3, how to deal with that – http8086 May 29 '20 at 10:14
1

Use 1 -[#blue]d-> 3 instead of 1 -d-[#blue]-> 3. – stoeff Feb 11 '21 at 08:26

How do I color a single arrow in a plant UML component diagram

1 Answers1

Result: