Styleguide entry for Table, Configuration

ui/app/components/freestyle/sg-table-configuration.js

@@ -0,0 +1,24 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+  attributes: {
+    key: 'val',
+    deep: {
+      key: 'val',
+      more: 'stuff',
+    },
+    array: ['one', 'two', 'three', 'four'],
+    very: {
+      deep: {
+        key: {
+          incoming: {
+            one: 1,
+            two: 2,
+            three: 3,
+            four: 'surprisingly long value that is unlike the other properties in this object',
+          },
+        },
+      },
+    },
+  },
+});

ui/app/templates/components/freestyle/sg-table-configuration.hbs

@@ -0,0 +1,3 @@
+{{#freestyle-usage "table-configuration" title="Table, Configuration"}}
+  {{attributes-table attributes=attributes class="attributes-table"}}
+{{/freestyle-usage}}

ui/app/templates/freestyle.hbs

@@ -80,6 +80,7 @@
       {{/section.subsection}}
 
       {{#section.subsection name="Table, Configuration"}}
+        {{freestyle/sg-table-configuration}}
       {{/section.subsection}}
 
       {{#section.subsection name="Timeline"}}