Skip to content

Commit a373055

Browse files
committed
Add table storybook
1 parent 34b3878 commit a373055

File tree

1 file changed

+59
-0
lines changed

1 file changed

+59
-0
lines changed
Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
import Table from '~widgets/table/widget.vue';
2+
import registerWidget from '~core/registerWidget';
3+
4+
registerWidget('ui-table', Table);
5+
6+
7+
export const Component = {
8+
render: (args) => ({
9+
setup() {
10+
return { args };
11+
},
12+
template: `<ui-table v-bind="args">
13+
<tr>
14+
<td>John</td>
15+
<td>Doe</td>
16+
<td>57</td>
17+
</tr>
18+
<tr>
19+
<td>Mary</td>
20+
<td>Stephen</td>
21+
<td>26</td>
22+
</tr>
23+
</ui-table>`,
24+
}),
25+
26+
args: {
27+
headers: [
28+
{
29+
name: 'name',
30+
width: '80px',
31+
text: "Name",
32+
},
33+
{
34+
name: 'lastname',
35+
width: '80px',
36+
text: "LastName",
37+
},
38+
{
39+
name: 'age',
40+
width: '40px',
41+
text: "Age",
42+
},
43+
],
44+
},
45+
};
46+
47+
export default {
48+
title: 'Components/Table',
49+
component: Table,
50+
parameters: {
51+
layout: 'centered',
52+
},
53+
argTypes: {
54+
headers: {
55+
control: 'object',
56+
},
57+
fixed: 'boolean',
58+
},
59+
};

0 commit comments

Comments
 (0)