GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 21:01:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

CLI templates: Svelte => module format

Browse Source
This commit is contained in:
Michael Shilman 2019-07-20 17:09:19 +08:00
parent 0bf6b1a39f
commit 00c9e3558a
2 changed files with 19 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
lib/cli/generators/SVELTE/template/.storybook/config.js
View File

@ -1,9 +1,4 @@
import { configure } from '@storybook/svelte';
import { load } from '@storybook/svelte';
// automatically import all files ending in *.stories.js
const req = require.context('../stories', true, /\.stories\.js$/);
function loadStories() {
req.keys().forEach(filename => req(filename));
}
configure(loadStories, module);
load(require.context('../stories', true, /\.stories\.js$/), module);

31
lib/cli/generators/SVELTE/template/stories/index.stories.js
View File

@ -1,18 +1,21 @@
import { storiesOf } from '@storybook/svelte';
import { action } from '@storybook/addon-actions';
import Button from './button.svelte';
storiesOf('Button', module)
.add('with text', () => ({
Component: Button,
props: { text: 'Hello Button' },
on: { click: action('clicked') },
}))
.add('with some emoji', () => ({
Component: Button,
props: {
text: '😀 😎 👍 💯',
},
on: { click: action('clicked') },
}));
export default {
title: 'Button',
};
export const text = () => ({
Component: Button,
props: { text: 'Hello Button' },
on: { click: action('clicked') },
});
export const emoji = () => ({
Component: Button,
props: {
text: '😀 😎 👍 💯',
},
on: { click: action('clicked') },
});