mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2025-05-04 15:13:43 +03:00
30 lines
722 B
JavaScript
30 lines
722 B
JavaScript
import React from 'react';
|
|
import { storiesOf } from '@storybook/react';
|
|
import { action } from '@storybook/addon-actions';
|
|
import styled from 'styled-components';
|
|
import { withKnobs, number } from '@storybook/addon-knobs';
|
|
import ContextMenu from '../';
|
|
import { items } from './data';
|
|
|
|
export const Container = styled.div`
|
|
display: flex;
|
|
height: 100%;
|
|
width: 100%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
`;
|
|
|
|
storiesOf('ContextMenu', module)
|
|
.addDecorator(withKnobs)
|
|
.add('default', () => (
|
|
<Container>
|
|
<ContextMenu
|
|
visible
|
|
onClick={action('menu item clicked')}
|
|
x={number('x', 100)}
|
|
y={number('y', 100)}
|
|
items={items}
|
|
/>
|
|
</Container>
|
|
));
|