30 lines
736 B
JavaScript
30 lines
736 B
JavaScript
import React from 'react';
|
|
import { storiesOf, action } from '@kadira/storybook';
|
|
|
|
import { FindBar } from '../FindBar';
|
|
|
|
const commands = [
|
|
{ pattern: 'Create new Collection(:collectionName)' },
|
|
{ pattern: 'Create new Post(:postName)' },
|
|
{ pattern: 'Create new Article(:articleName)' },
|
|
{ pattern: 'Create new FAQ item(:faqName as FAQ item name)' },
|
|
{ pattern: 'Add news item(:headline)' },
|
|
{ pattern: 'Add new User(:userName as User name)' },
|
|
{ pattern: 'Go to Settings' },
|
|
];
|
|
|
|
const style = {
|
|
width: 800,
|
|
margin: 20
|
|
};
|
|
|
|
storiesOf('FindBar', module)
|
|
.add('Default View', () => (
|
|
<div style={style}>
|
|
<FindBar
|
|
commands={commands}
|
|
dispatch={action('DISPATCH')}
|
|
/>
|
|
</div>
|
|
));
|