[CL-24] Add tables (#2950)

libs/components/src/table/table.stories.ts

@@ -0,0 +1,53 @@
+import { Meta, moduleMetadata, Story } from "@storybook/angular";
+
+import { TableModule } from "./table.module";
+
+export default {
+  title: "Component Library/Table",
+  decorators: [
+    moduleMetadata({
+      imports: [TableModule],
+    }),
+  ],
+  parameters: {
+    design: {
+      type: "figma",
+      url: "https://www.figma.com/file/Zt3YSeb6E6lebAffrNLa0h/Tailwind-Component-Library?node-id=1881%3A18371",
+    },
+  },
+} as Meta;
+
+const Template: Story = (args) => ({
+  props: args,
+  template: `
+    <bit-table>
+      <ng-container header>
+        <tr>
+          <th bitCell>Header 1</th>
+          <th bitCell>Header 2</th>
+          <th bitCell>Header 3</th>
+        </tr>
+      </ng-container>
+      <ng-container body>
+        <tr bitRow>
+          <td bitCell>Cell 1</td>
+          <td bitCell>Cell 2</td>
+          <td bitCell>Cell 3</td>
+        </tr>
+        <tr bitRow>
+          <td bitCell>Cell 4</td>
+          <td bitCell>Cell 5</td>
+          <td bitCell>Cell 6</td>
+        </tr>
+        <tr bitRow>
+          <td bitCell>Cell 7</td>
+          <td bitCell>Cell 8</td>
+          <td bitCell>Cell 9</td>
+        </tr>
+      </ng-container>
+    </bit-table>
+
+    `,
+});
+
+export const Default = Template.bind({});