# Component Diagram (PlantUML)

![Component Diagram](https://help.gocapable.com/images/att1227784239.svg)

```
@startuml
skin rose
skinparam packageBackgroundColor #ffffff
skinparam packageBorderColor #333333

package "Some Group" {
  HTTP - [First Component]
  [Another Component]
}

node "Other Groups" {
  FTP - [Second Component]
  [First Component] --> FTP
}

cloud {
  [Example 1]
}


database "MySql" {
  folder "This is my folder" {
    [Folder 3]
  }
  frame "Foo" {
    [Frame 4]
  }
}


[Another Component] --> [Example 1]
[Example 1] --> [Folder 3]
[Folder 3] --> [Frame 4]

@enduml
```