A container to draw nodes in.

segment
    [ node { config | label = "First Node" }
    , node { config | label = "Second Node" }
    ]

Draw a node of an outline structure. You can draw other nodes inside it and connecting lines will appear.

node { config | label = "Claim" }

A wrapper for a node rendered into Html. This type exists to prevent us from accidentally wrapping a node in a container element before passing it as a child to another node or segment. Such wrapping would break some of our styling, which assumes nodes of the same level are sibblings in the Html tree.

Defines how a node should look.

A default node configuration, allowing you to only set the properties you care about.

node { config | label = "Claim" }

Wrap any html in a NodeLayout so you can use it as sibling content to nodes.

segment
    [ node { config | label = "This is a node" }
    , html (Html.text "This is some random Html content!")
    ]