Add dialogue option node docs

Author: jonnydgreen

docs/latest/concepts/dialogue-option-node.md

@@ -1,6 +1,30 @@
 ---
 description: |
-  A Dialogue Option Node defines: TODO.
+  A Dialogue Node defines a series of options presented to the player within the Dialogue Sequence. The Dialogue Sequence will branch off each option, making it one of the key components of the branching dialogue system.
 ---
 
-A Dialogue Option Node defines: TODO.
+A Dialogue Node defines a series of options presented to the player within the
+Dialogue Sequence. The Dialogue Sequence will branch off each option, making it
+one of the key components of the branching dialogue system.
+
+They are individually associated with a character which can be used to enhance
+the displayed dialogue options.
+
+![dialogue-option-node](../../../www/static/docs/dialogue-option/dialogue-option-node.png)
+
+They have the following characteristics:
+
+## Character
+
+The character associated with the Dialogue Option Node. These are stored in the
+character store and determine the available characters that can be used to
+select against.
+
+## Text
+
+The text of the Dialogue Option. For example, something that the player says to
+a character.
+
+> [tip]: The text input supports Godot
+> [BBCode](https://docs.godotengine.org/en/latest/tutorials/ui/bbcode_in_richtextlabel.html)
+> which can be used to enhance the look of your displayed dialogue.

docs/latest/getting-started/create-dialogue-option-node.md

@@ -0,0 +1,35 @@
+---
+description: |
+  Create a Dialogue Option Node
+---
+
+A Dialogue Node defines a series of options presented to the player within the
+Dialogue Sequence. You can find all sorts of Dialogue Sequence examples in the
+Parley `examples` folder.
+
+## Pre-requisites
+
+- Familiarise yourself with the
+  [Dialogue Option Node](../concepts/dialogue-option-node.md) docs.
+- Parley is installed and running in your Godot Editor.
+- You have created a basic Dialogue Sequence before. Consult the
+  [getting started guide](./create-dialogue-sequence.md) for more info.
+
+## Instructions
+
+![Create a Dialogue Option Node](../../../www/static/docs/create-dialogue-option-node/create-dialogue-option-node.gif)
+
+1. Create Dialogue Option Nodes using the `Insert` dropdown.
+2. Click on each created Dialogue Node in the graph view to open up the Dialogue
+   Node Editor.
+3. Click the `Save` button in the Parley editor and there we have it! Our first
+   dialogue sequence with dialogue.
+4. Now connect these Nodes up with other Nodes to continue the Dialogue Sequence
+   with your awesome game writing!
+5. You can test out your Dialogue Sequence by clicking the Test Dialogue
+   Sequence from start button.
+
+> [tip]: The order of the Dialogue options is determined by the vertical (or y)
+> position of the nodes in the Dialogue Sequence graph editor. Developers can
+> therefore influence the order of dialogue options by swapping options around
+> vertically in the editor.

docs/toc.ts

@@ -26,6 +26,7 @@ const toc: RawTableOfContents = {
         pages: [
           ["create-dialogue-sequence", "Create a Dialogue sequence"],
           ["create-dialogue-node", "Create a Dialogue Node"],
+          ["create-dialogue-option-node", "Create a Dialogue Option Node"],
           ["create-condition-node", "Create a Condition Node"],
           ["create-match-node", "Create a Match Node"],
           ["create-start-node", "Create a Start Node"],