From ee5e1381a59eeaba426dfd51820b07dd7865a4ba Mon Sep 17 00:00:00 2001 From: Carlos Pinedo Date: Tue, 21 Nov 2023 11:14:07 +0100 Subject: [PATCH] docs(Table): Extended example --- packages/table/src/recipes/Table.stories.tsx | 40 ++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/packages/table/src/recipes/Table.stories.tsx b/packages/table/src/recipes/Table.stories.tsx index d7e5cfe38..d9cafe402 100644 --- 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', + }, ], };