32 lines
1.1 KiB
JavaScript
32 lines
1.1 KiB
JavaScript
import React from 'react';
|
|
import { storiesOf } from '@storybook/react';
|
|
import { withKnobs, text, select, color } from '@storybook/addon-knobs/react';
|
|
import withReadme from 'storybook-readme/with-readme';
|
|
import Readme from './README.md';
|
|
import Section from '../../.storybook/decorators/section';
|
|
import { ContextMenuButton, Icons } from 'asc-web-components';
|
|
|
|
const iconNames = Object.keys(Icons);
|
|
const sizeOptions = ['small', 'medium', 'big', 'scale'];
|
|
|
|
function getData() {
|
|
console.log('getData');
|
|
return [
|
|
{key: 'key1', label: 'label1', onClick: () => console.log('label1')},
|
|
{key: 'key2', label: 'label2', onClick: () => console.log('label2')}
|
|
]
|
|
}
|
|
|
|
storiesOf('Components|ContextMenuButton', module)
|
|
.addDecorator(withKnobs)
|
|
.addDecorator(withReadme(Readme))
|
|
.add('context-menu-button', () => (
|
|
<Section>
|
|
<ContextMenuButton
|
|
title={text('title', 'Actions')}
|
|
iconName={select('iconName', iconNames, 'VerticalDotsIcon')}
|
|
size={select('size', sizeOptions, 'medium')}
|
|
color={color('loaderColor', '#A3A9AE')}
|
|
getData={getData} />
|
|
</Section>
|
|
)); |