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

CLI templates: Rax => module format

Browse Source
This commit is contained in:
Michael Shilman 2019-07-20 17:08:51 +08:00
parent 18597a8337
commit 44f67044f0
4 changed files with 38 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
lib/cli/generators/RAX/template/.storybook/config.js
View File

@ -1,4 +1,4 @@
import { configure, addParameters } from '@storybook/rax';
import { load, addParameters } from '@storybook/rax';
addParameters({
options: {
@ -15,13 +15,5 @@ addParameters({
},
});
function loadStories() {
// put welcome screen at the top of the list so it's the first one displayed
// require('../src/stories/index.stories');
// automatically import all story js files that end with *.stories.js
const req = require.context('../stories', true, /\.stories\.js$/);
req.keys().forEach(filename => req(filename));
}
configure(loadStories, module);
// automatically import all story js files that end with *.stories.js
load(require.context('../stories', true, /\.stories\.js$/), module);

20
lib/cli/generators/RAX/template/stories/Button.stories.js Normal file
View File

@ -0,0 +1,20 @@
/* eslint-disable react/react-in-jsx-scope */
import { createElement } from 'rax';
import { action } from '@storybook/addon-actions';
import Button from 'rax-button';
import Text from 'rax-text';
export default {
title: 'Button',
};
export const text = () => <Button onPress={action('clicked')}>Hello Button</Button>;
export const emoji = () => (
<Button onPress={action('clicked')}>
<Text role="img" aria-label="so cool">
😀 😎 👍 💯
</Text>
</Button>
);

15
lib/cli/generators/RAX/template/stories/Welcome.stories.js Normal file
View File

@ -0,0 +1,15 @@
/* eslint-disable react/react-in-jsx-scope */
import { createElement } from 'rax';
import { linkTo } from '@storybook/addon-links';
import Welcome from './Welcome';
export default {
title: 'Welcome',
};
export const toStorybook = () => <Welcome showApp={linkTo('Button', 'with text')} />;
toStorybook.story = {
name: 'to Storybook',
};

24
lib/cli/generators/RAX/template/stories/index.stories.js
View File

@ -1,24 +0,0 @@
/* eslint-disable react/react-in-jsx-scope */
import { createElement } from 'rax';
import { storiesOf } from '@storybook/rax';
import { action } from '@storybook/addon-actions';
import { linkTo } from '@storybook/addon-links';
import Button from 'rax-button';
import Text from 'rax-text';
import Welcome from './Welcome';
storiesOf('Welcome', module).add('to Storybook', () => (
<Welcome showApp={linkTo('Button', 'with text')} />
));
storiesOf('Button', module)
.add('with text', () => <Button onPress={action('clicked')}>Hello Button</Button>)
.add('with some emoji', () => (
<Button onPress={action('clicked')}>
<Text role="img" aria-label="so cool">
😀 😎 👍 💯
</Text>
</Button>
));