|
import React from 'react';
|
|
import { storiesOf } from '@storybook/react';
|
|
import { boolean, number, withKnobs } from '@storybook/addon-knobs';
|
|
import { action } from '@storybook/addon-actions';
|
|
import BreadcrumbBar from './BreadcrumbBar';
|
|
|
|
storiesOf('BreadcrumBar', module)
|
|
.addDecorator(withKnobs)
|
|
.add('With open switcher', () => (
|
|
<BreadcrumbBar
|
|
isLoadingResources={boolean('is loading', false)}
|
|
loadSwitcherResourcesByResource={action('load switcher data')}
|
|
isSwitcherOpen={boolean('is switcher open', true)}
|
|
totalPages={number('total pages', 3)}
|
|
currentPage={number('current page', 2)}
|
|
hasError={boolean('has error', false)}
|
|
resourceSwitcherItems={[
|
|
{ name: 'item 1', id: 1 },
|
|
{ name: 'item 2', id: 2 },
|
|
{
|
|
name:
|
|
'item 3 with a very very very very very very very very long name',
|
|
id: 3,
|
|
},
|
|
]}
|
|
data={{
|
|
resource: {
|
|
resourceUrl: 'some_url',
|
|
},
|
|
isSwitchable: true,
|
|
breadcrumbItems: [
|
|
{ caption: 'Index Page', url: '#' },
|
|
{ caption: 'Resource Page' },
|
|
],
|
|
}}
|
|
/>
|
|
));
|