keii.dev
The Node.js® Website
1import type { Meta as MetaObj, StoryObj } from '@storybook/react';
2
3export const Table: StoryObj = {
4 render: () => (
5 <main>
6 <table>
7 <thead>
8 <tr>
9 <th>Column 1</th>
10 <th>Column 2</th>
11 <th>Column 3</th>
12 </tr>
13 </thead>
14 <tbody>
15 <tr>
16 <td>Data 1</td>
17 <td>Data 2</td>
18 <td>Data 3</td>
19 </tr>
20 <tr>
21 <td>Data 1</td>
22 <td>Data 2</td>
23 <td>Data 3</td>
24 </tr>
25 <tr>
26 <td>Data 1</td>
27 <td>Data 2</td>
28 <td>Data 3</td>
29 </tr>
30 </tbody>
31 </table>
32 </main>
33 ),
34};
35
36export const HeadlessTable: StoryObj = {
37 render: () => (
38 <main>
39 <table>
40 <tbody>
41 <tr>
42 <td>Data 1</td>
43 <td>Data 2</td>
44 <td>Data 3</td>
45 </tr>
46 <tr>
47 <td>Data 1</td>
48 <td>Data 2</td>
49 <td>Data 3</td>
50 </tr>
51 <tr>
52 <td>Data 1</td>
53 <td>Data 2</td>
54 <td>Data 3</td>
55 </tr>
56 </tbody>
57 </table>
58 </main>
59 ),
60};
61
62export default { title: 'Design System' } as MetaObj;