Merge pull request #223 from gaeacodes/dev

add TocForIndex component in styleguide

Author: gcharang

STYLE_GUIDE.md

@@ -142,7 +142,7 @@ For example, when method and title are the same:
 
 We've got a few **MDX** components we use across the Docs. Below is a walkthrough of how to start writing and using the components that make up the Docs.
 
-IMPORTANT: Alwats use double quotes inside mdx tags.
+IMPORTANT: Always use double quotes inside mdx tags.
 
 Example:
 
@@ -288,18 +288,18 @@ This renders a button with a specified text based on its state (expanded or coll
 You'll mostly use this for API, Commands, etc. Responses, which should be wrapped with the `CollapsibleSection` tags, for example:
 
 ```mdx
-   <CollapsibleSection expandedText='Hide Response' collapsedText='Show Response'>
-      #### Response (ready, successful)
-
-      ```json
-      {
-         "mmrpc": "2.0",
-         "result": "success",
-         "id": null
-      }
-      ```
-
-   </CollapsibleSection>
+<CollapsibleSection expandedText='Hide Response' collapsedText='Show Response'>
+  #### Response (ready, successful)
+
+    ```json
+    {
+       "mmrpc": "2.0",
+       "result": "success",
+       "id": null
+    }
+    ```
+
+</CollapsibleSection>
 ```
 
 The `CollapsibleSection` tags should also wrap all error responses (as a group), with the `expandedText` and `collapsedText` values set to '**Show Error Responses**' and '**Hide Error Responses' respectively**.
@@ -407,6 +407,14 @@ Rendered as:
 
 ![Tag component](style-guide-images/crude-tag-ui.png)
 
+## ToCForIndex
+
+This component can be included in the root index.mdx files in any of the directories that hold a specific category of docs. This component will populate a list with the table of contents for the section.
+
+Rendered as:
+
+![TocForIndex component](style-guide-images/toc-for-index.png)
+
 ## Navbar (Top)
 
 Top navbar's navigation data/dropdown list is manually populated. This file can be found at [src/data/navbar.json](src/data/navbar.json). If you're working on a very important new page, which links to a whole new category or an index, this is where to add them.