Added @storybook/addon-viewport

This commit is contained in:
Alexey Safronov 2019-05-20 15:33:52 +03:00
parent 75344f69bb
commit 09125646e2
5 changed files with 7 additions and 5 deletions

View File

@ -125,7 +125,7 @@ var Input = function Input(props) {
value: props.value,
__source: {
fileName: _jsxFileName$1,
lineNumber: 7
lineNumber: 8
},
__self: this
});

View File

@ -118,7 +118,7 @@ var Input = function Input(props) {
value: props.value,
__source: {
fileName: _jsxFileName$1,
lineNumber: 7
lineNumber: 8
},
__self: this
});

View File

@ -4,4 +4,5 @@ import '@storybook/addon-knobs/register';
import '@storybook/addon-storysource/register';
import '@storybook/addon-actions/register';
import '@storybook/addon-options/register';
import '@storybook/addon-links/register';
import '@storybook/addon-links/register';
import '@storybook/addon-viewport/register';

View File

@ -42,6 +42,7 @@
"@storybook/addon-links": "^5.0.11",
"@storybook/addon-options": "^5.0.11",
"@storybook/addon-storysource": "^5.0.11",
"@storybook/addon-viewport": "^5.0.11",
"@storybook/addons": "^5.0.11",
"@storybook/cli": "^5.0.11",
"@storybook/react": "^5.0.11",

View File

@ -1,6 +1,5 @@
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withKnobs } from '@storybook/addon-knobs/react';
import withReadme from 'storybook-readme/with-readme';
import Readme from './README.md';
import { Button } from 'asc-web-components';
@ -10,7 +9,8 @@ const colStyle = { margin: '0 8px 0 8px' };
const rowStyle = { margin: '4px 0 4px 0' };
storiesOf('Components|Button', module)
.addDecorator(withKnobs)
// To set a default viewport for all the stories for this component
.addParameters({ viewport: { defaultViewport: 'responsive' }})
.addDecorator(withReadme(Readme))
.add('all', () => (
<>