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

add configuration examples

Browse Source
This commit is contained in:
Rob Halff 2018-04-15 23:19:14 +01:00
parent b8aee78cb4
commit 50d81a1a13
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
examples/official-storybook/stories/addon-actions.stories.js
View File

@ -1,7 +1,7 @@
/* global window */
import React from 'react';
import { storiesOf } from '@storybook/react';
import { action, decorateAction } from '@storybook/addon-actions';
import { action, configureActions, decorateAction } from '@storybook/addon-actions';
import { setOptions } from '@storybook/addon-options';
import { Button } from '@storybook/react/demo';
import { File } from 'global';
@ -69,6 +69,13 @@ storiesOf('Addons|Actions', module)
<Button onClick={() => action('Plain Object')({ foo: { bar: { baz: { bar: 'foo' } } } })}>
Plain Object
</Button>
<Button
onClick={() =>
action('ObjectDepth2', { depth: 2 })({ root: { one: { two: { three: 'foo' } } } })
}
>
Object (depth: 2)
</Button>
<Button onClick={() => action('RegExp')(reg)}>RegExp</Button>
<Button onClick={() => action('String')('foo')}>String</Button>
<Button onClick={() => action('Symbol')(Symbol('A_SYMBOL'))}>Symbol</Button>
@ -77,4 +84,17 @@ storiesOf('Addons|Actions', module)
<Button onClick={() => action('window')(window)}>Window</Button>
</div>
);
})
.add('configureActions', () => {
configureActions({
depth: 2,
});
return (
<Button
onClick={() => action('ConfiguredDepth')({ root: { one: { two: { three: 'foo' } } } })}
>
Object (configured depth: 2)
</Button>
);
});