mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 15:31:16 +08:00
36 lines
861 B
JavaScript
36 lines
861 B
JavaScript
import React from 'react';
|
|
import { storiesOf } from '@storybook/react';
|
|
|
|
// For these stories to work, you must build the static version of the
|
|
// example storybooks *before* running this storybook.
|
|
|
|
const chapter = storiesOf('App|acceptance', module);
|
|
|
|
const style = {
|
|
border: 0,
|
|
position: 'absolute',
|
|
top: 0,
|
|
left: 0,
|
|
width: '100vw',
|
|
height: '100vh',
|
|
};
|
|
|
|
[
|
|
'cra-kitchen-sink',
|
|
'cra-ts-kitchen-sink',
|
|
'vue-kitchen-sink',
|
|
'svelte-kitchen-sink',
|
|
'angular-cli',
|
|
'polymer-cli',
|
|
'mithril-kitchen-sink',
|
|
'html-kitchen-sink',
|
|
'riot-kitchen-sink',
|
|
'preact-kitchen-sink',
|
|
'cra-react15',
|
|
].forEach(name => {
|
|
chapter.add(name, () => <iframe style={style} title={name} src={`${name}/index.html`} />, {
|
|
chromatic: { delay: 2000 },
|
|
notes: `You must build the storybook for the ${name} example for this story to work.`,
|
|
});
|
|
});
|