How to use the @storybook/addon-viewport.withViewport function in @storybook/addon-viewport
To help you get started, we’ve selected a few @storybook/addon-viewport examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
kontur-edu / Ulearn / src / Frontend / src / components / comments / CommentSendForm / CommentSendForm.story.js View on Github 
handleSubmit={action("editComment")}
submitTitle={"Сохранить"}
handleCancel={action("cancelComment")}
commentId={1}
author={nameOnlyUser}
sending={false}
/>
<h3>Форма в состоянии отправки</h3>
<h3>Успешная отправка комментария очищает поле ввода</h3>
<h3>Ошибка при отправке комментария НЕ очищает поле ввода</h3>
), {viewport: "desktop"})
.addDecorator(withViewport())
.add("tablet", () => (
), {viewport: "tablet"})
.addDecorator(withViewport())
.add("mobile", () => (
), {viewport: "mobile"});import Multiple from '../examples/multiple';
import Optgroup from '../examples/optgroup';
import OptionFilterProp from '../examples/optionFilterProp';
import OptionLabelProp from '../examples/optionLabelProp';
import SingleAnimation from '../examples/single-animation';
import Single from '../examples/single';
import Suggest from '../examples/suggest';
import Tags from '../examples/tags';
import UpdateOption from '../examples/update-option';
import READMECode from '../README.md';
storiesOf('rc-select', module)
.addDecorator(checkA11y)
.addDecorator(withInfo)
.addDecorator((storyFn, context) => withConsole()(storyFn)(context))
.addDecorator(withViewport())
.add(
'README',
() => (
<div style="{{">
</div>
),
{
source: {
code: READMECode,
},@storybook/addon-viewport
Build responsive components by adjusting Storybook’s viewport size and orientation
