Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • "node" – places a node
  • "link" – places a link
  • "node-class" – styles a node or link by creating a specific styling class, or type"link-class" – styles a link  by creating a specific styling class, or typestyling type

You can add rows in any order. 

Anchor
nodes
nodes
To add nodes, make a row with the following data: 

...

Anchor
node-class
node-class
To style nodes, make a row with the following data: 

 Column 1Column 2Column 3Column 4
Data Typeplain textplain textplain textplain text
Contents

"

node-

class"

Note:

  • This sets the component type.
  • "
node-
  • class" must be included in the first column of every row that
places
  • defines a
link
  • style

The name of the class type

Note:

  • This lets you quickly reference the node styling when you create a node
  • Learn more at Column 4 of the "add nodes" section

The property name

Note:

    • This defines what node style element the class will affect (for example, color or shape)
    • Find a full list of property names you can use in the Appendix below

The value for the property in Column 3

Note:

    • This defines what style the node will have, depending on the property. For example, if Column 3 was "color", this Column might be "blue"

 

Anchor
link-class
link-class
To style links, make a row with the following data: 

 Column 1Column 2Column 3Column 4
Data Typeplain textplain textplain textplain text
Contents

"link-class"

Note:

  • This sets the component type.
  • "link-class" must be included in the first column of every row that defines a link's style

The name of the class type

Note:

  • This lets you quickly reference the link styling when you create a link
  • Learn more at Column 4 of the "add links" section

The property name

Note:

    • This defines what link style element the class will affect (for example, color or shape)
    • Find a full list of property names you can use in the Appendix below

The value for the property in Column 3

Note:

    • This defines what style the link will have, depending on the property. For example, if Column 3 was "color", this Column might be "blue"

...