mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 16:01:06 +08:00
30 lines
563 B
Plaintext
30 lines
563 B
Plaintext
```js
|
|
// Table.stories.js
|
|
|
|
const TableStory = (args) => ({
|
|
components: { Table },
|
|
setup() {
|
|
return { args };
|
|
},
|
|
template: `
|
|
<Table v-bind="args">
|
|
<tr v-for="(row, idx1) in data">
|
|
<td v-for="(col, idx2) in row">
|
|
{{ data[idx1][idx2] }}
|
|
</td>
|
|
</tr>
|
|
</Table>
|
|
`,
|
|
});
|
|
|
|
export const Numeric = TableStory.bind({});
|
|
Numeric.args = {
|
|
//👇 This arg is for the story component
|
|
data: [
|
|
[1, 2, 3],
|
|
[4, 5, 6],
|
|
],
|
|
//👇 The remaining args get passed to the `Table` component
|
|
size: 'large',
|
|
};
|
|
``` |