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

Merge pull request #6134 from aamct2/fix-deprecations

Browse Source 
Fix deprecations in examples
This commit is contained in:
Michael Shilman 2019-03-17 20:42:58 +08:00 committed by GitHub
commit dd791c98b8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 22 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
examples/cra-kitchen-sink/.storybook/config.js
View File

@ -5,12 +5,12 @@ import { withA11y } from '@storybook/addon-a11y';
addDecorator(withA11y);
addParameters({
options: {
name: 'CRA Kitchen Sink',
url: 'https://github.com/storybooks/storybook/tree/master/examples/cra-kitchen-sink',
goFullScreen: false,
brandTitle: 'CRA Kitchen Sink',
brandUrl: 'https://github.com/storybooks/storybook/tree/master/examples/cra-kitchen-sink',
isFullscreen: false,
showAddonsPanel: true,
showSearchBox: false,
addonPanelInRight: true,
panelPosition: 'right',
sortStoriesByKind: false,
hierarchySeparator: /\./,
hierarchyRootSeparator: /\|/,

15
examples/cra-ts-kitchen-sink/.storybook/config.js
View File

@ -1,13 +1,12 @@
import { configure, addDecorator } from '@storybook/react';
import { withOptions } from '@storybook/addon-options';
import { configure, addDecorator, addParameters } from '@storybook/react';
import { withInfo } from '@storybook/addon-info';
addDecorator(
withOptions({
name: 'CRA TypeScript Kitchen Sink',
url: 'https://github.com/storybooks/storybook/tree/master/examples/cra-ts-kitchen-sink',
})
);
addParameters({
options: {
brandTitle: 'CRA TypeScript Kitchen Sink',
brandUrl: 'https://github.com/storybooks/storybook/tree/master/examples/cra-ts-kitchen-sink',
},
});
addDecorator(withInfo());
function loadStories() {

2
examples/ember-cli/stories/index.stories.js
View File

@ -2,7 +2,7 @@ import hbs from 'htmlbars-inline-precompile';
import { storiesOf } from '@storybook/ember';
storiesOf('Welcome', module)
.addParameters({ options: { showAddonPanel: false } })
.addParameters({ options: { showPanel: false } })
.add('basic', () => ({
template: hbs`
{{welcome-page}}

11
examples/preact-kitchen-sink/.storybook/config.js
View File

@ -1,10 +1,11 @@
/** @jsx h */
import { configure } from '@storybook/preact';
import { setOptions } from '@storybook/addon-options';
import { addParameters, configure } from '@storybook/preact';
setOptions({
hierarchySeparator: /\/|\./,
hierarchyRootSeparator: /\|/,
addParameters({
options: {
hierarchySeparator: /\/|\./,
hierarchyRootSeparator: /\|/,
},
});
const loadStories = () => {

9
examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js
View File

@ -4,15 +4,14 @@ import { h } from 'preact';
import { storiesOf } from '@storybook/preact';
import { withBackgrounds } from '@storybook/addon-backgrounds';
import Button from '../Button';
storiesOf('Addons|Backgrounds', module)
.addDecorator(
withBackgrounds([
.addParameters({
backgrounds: [
{ name: 'twitter', value: '#00aced' },
{ name: 'facebook', value: '#3b5998', default: true },
])
)
],
})
.add('Example 1', () => <Button>You should be able to switch backgrounds for this story</Button>)
.add('Example 2', () => <Button>This one too!</Button>);