docs(Table): Extended example

DevoInc · Nov 21, 2023 · ee5e138 · ee5e138
1 parent 294e747
commit ee5e138
Showing 1 changed file with 40 additions and 0 deletions.
diff --git a/packages/table/src/recipes/Table.stories.tsx b/packages/table/src/recipes/Table.stories.tsx
@@ -29,6 +29,13 @@ const data = Holo.of()
         ],
         Holo.chance.integer({ min: 1, max: 4 }),
       ),
+    profession: 'profession',
+    email: 'email',
+    quote: 'sentence',
+    IP6: 'ipv6',
+    address: 'address',
+    website: 'url',
+    secondaryWebsite: 'url',
   })
   .repeat(200)
   .generate();
@@ -126,6 +133,39 @@ const tableOptions: TableOptionsProps = {
       headerName: 'Tags',
       type: 'tags',
     },
+    {
+      id: 'profession',
+      headerName: 'Profession',
+      type: 'text',
+    },
+    {
+      id: 'email',
+      headerName: 'Email',
+      type: 'link',
+    },
+    {
+      id: 'quote',
+      headerName: 'Favourite quote',
+      type: 'text',
+      cellStyle: {
+        width: 100,
+      },
+    },
+    {
+      id: 'address',
+      headerName: 'Address',
+      type: 'text',
+    },
+    {
+      id: 'website',
+      headerName: 'Website',
+      type: 'link',
+    },
+    {
+      id: 'secondaryWebsite',
+      headerName: 'Secondary Website',
+      type: 'link',
+    },
   ],
 };