diff --git a/demo/demo28.ts b/demo/demo28.ts
index 3fdd14da46..80b6c7fcff 100644
--- a/demo/demo28.ts
+++ b/demo/demo28.ts
@@ -1,14 +1,29 @@
 // Creates two paragraphs, one with a border and one without
 // Import from 'docx' rather than '../build' if you install from npm
 import * as fs from "fs";
-import { File, Packer, Paragraph, TableOfContents } from "../build";
+import { File, Packer, Paragraph, StyleLevel, TableOfContents, TableOfContentsProperties } from "../build";
 
 const doc = new File();
 
+// The first argument is an ID you use to apply the style to paragraphs
+// The second argument is a human-friendly name to show in the UI
+doc.Styles.createParagraphStyle("MySpectacularStyle", "My Spectacular Style")
+    .basedOn("Heading1")
+    .next("Heading1")
+    .color("990000")
+    .italics()
+
 // WordprocessingML docs for TableOfContents can be found here:
 // http://officeopenxml.com/WPtableOfContents.php
-// Creates an table of contents with default properties
-const toc = new TableOfContents();
+
+
+// Let's define the properties for generate a TOC for heading 1-5 and MySpectacularStyle,
+// making the entries be hiperlinks for the paragraph
+const props = new TableOfContentsProperties();
+props.hiperlink = true;
+props.headingStyleRange = "1-5";
+props.stylesWithLevels = [new StyleLevel("MySpectacularStyle",1)]
+const toc = new TableOfContents("Summary", props);
 
 // A TableOfContents must be added via File class.
 doc.addTableOfContents(toc);
@@ -21,6 +36,8 @@ doc.addParagraph(new Paragraph("I'm a other text very nicely written.'"));
 doc.addParagraph(new Paragraph("Header #2.1").heading2());
 doc.addParagraph(new Paragraph("I'm a another text very nicely written.'"));
 
+doc.addParagraph(new Paragraph("My Spectacular Style #1").style("MySpectacularStyle").pageBreakBefore());
+
 const packer = new Packer();
 
 packer.toBuffer(doc).then((buffer) => {