Skip to main content

glint-direction-select

Select button that allows the user to pick a flow direction for a graph.

<glint-diagram-control-layout>
  <glint-class-diagram diagram
                       [graph]="graph"
                       [direction]="direction" />
  <glint-direction-select control [(direction)]="direction" [options]="directions"/>
</glint-diagram-control-layout>
  • [(direction)]: bind the direction to a variable
  • [options] (optional): Limit the options to choose from.

Directions​

A direction is one of TOP_DOWN, BOTTOM_UP, LEFT_RIGHT and RIGHT_LEFT. Edges in a graph will follow this direction and nodes will be ordered along these connections.

E.g. with LEFT_RIGHT the nodes will be ordered so that most edges point to the right.