IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: components: Added example SelectedItem component to storybook

Browse Source
This commit is contained in:
Alexey Kostenko 2019-08-08 09:59:21 +03:00
parent af374ccce2
commit e573e1b78f
1 changed files with 68 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
web/ASC.Web.Storybook/stories/selected-item/all/index.stories.js Normal file
View File

@ -0,0 +1,68 @@
import React from 'react';
import { storiesOf } from '@storybook/react';
import { SelectedItem } from 'asc-web-components';
import Section from '../../../.storybook/decorators/section';
import styled from '@emotion/styled';
const StyledContainer = styled.div`
padding:0;
display: grid;
grid-gap: 10px;
`;
const StyledContainerInline = styled.div`
display: flex;
flex-wrap: wrap;
margin-bottom:10px;
> * {
margin-right: 10px;
margin-bottom:10px;
}
`;
storiesOf('Components|SelectedItem', module)
.add('all', () => {
return (
<Section>
<StyledContainerInline>
<SelectedItem
text='Selected item'
isInline={true}
/>
<SelectedItem
text='Selected item'
isInline={true}
/>
<SelectedItem
text='Selected item'
isInline={true}
/>
<SelectedItem
text='Selected item'
isInline={true}
/>
</StyledContainerInline>
<StyledContainer>
<SelectedItem
text='Selected item'
isInline={false}
/>
<SelectedItem
text='Selected item'
isInline={false}
/>
<SelectedItem
text='Selected item'
isInline={false}
/>
<SelectedItem
text='Selected item'
isInline={false}
/>
</StyledContainer>
</Section>
)
});