in such example:
@startuml
left to right direction
skinparam handwritten true
skinparam linetype ortho
skinparam BackgroundColor transparent
skinparam ComponentStyle rectangle
component C1 #ORANGE {
portout sys_clk
portout sys_rst_n
}
component B1 {
component B1.1{
portin clk as B1.1.clk
portin rst_n as B1.1.rst_n
}
component B1.2{
portin clk as B1.2.clk
portin rst_n as B1.2.rst_n
}
component B1.3{
portin clk as B1.3.clk
portin rst_n as B1.3.rst_n
}
}
sys_clk --> B1.1.clk
sys_clk --> B1.2.clk
sys_clk --> B1.3.clk
sys_rst_n --> B1.1.rst_n
sys_rst_n --> B1.2.rst_n
sys_rst_n --> B1.3.rst_n
@enduml
the connection looks so ugly and unreadable...