HomeDiagramsClass diagramClass: Direction BT

Class: Direction BT

`direction BT` stacks the classes bottom to top (#2116): the parent sits at the bottom, a lollipop name hangs below its host and a note keeps its class. The boxes stay upright in both panels.

class-direction-bt.mmd
classDiagram
  direction BT
  class Shape {
    <<abstract>>
    +area() double
  }
  Shape <|-- Circle
  Shape <|-- Square
  Shape ()-- Drawable
  note for Square "all sides equal"
Output
Class diagram, Zombie Mermaid <<abstract>> Shape + area(): double Circle Square Drawable Shape all sides equal

More Class diagram examples

Class diagram, Zombie Mermaid Animal + String name + int age + eat(): void + sleep(): void
Class: Basic Class
Class diagram, Zombie Mermaid User + String name - String password # int internalId ~ String packageField + login(): bool - hashPassword(): String # validate(): void ~ notify(): void
Class: Visibility Markers
Class diagram, Zombie Mermaid <<interface>> Serializable + serialize(): String + deserialize(data): void
Class: Interface Annotation
Class diagram, Zombie Mermaid <<abstract>> Shape + String color + area(): double + draw(): void
Class: Abstract Annotation
Class diagram, Zombie Mermaid <<enumeration>> Status ACTIVE INACTIVE PENDING DELETED
Class: Enum Annotation
Class diagram, Zombie Mermaid Animal + String name + eat(): void Dog + String breed + bark(): void Cat + bool isIndoor + meow(): void
Class: Inheritance (<|--)