HomeDiagramsClass diagramClass: Direction LR

Class: Direction LR

`direction LR` lays the classes out left to right, as mermaid.js does (#2116): each level is a column and the markers face the new axis.

class-direction-lr.mmd
classDiagram
  direction LR
  class Animal {
    +String name
    +eat() void
  }
  Animal <|-- Dog
  Animal <|-- Cat
  Animal "1" --> "*" Toy : owns
Output
Class diagram, Zombie Mermaid Animal + String name + eat(): void Dog Cat Toy owns 1 *

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 (<|--)