aboutsummaryrefslogtreecommitdiffstats
path: root/stories/react/Tiles.stories.js
diff options
context:
space:
mode:
Diffstat (limited to 'stories/react/Tiles.stories.js')
-rw-r--r--stories/react/Tiles.stories.js89
1 files changed, 0 insertions, 89 deletions
diff --git a/stories/react/Tiles.stories.js b/stories/react/Tiles.stories.js
deleted file mode 100644
index 04a6fb5..0000000
--- a/stories/react/Tiles.stories.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import React from 'react';
-
-import Examples from './utils/Examples.js';
-import SVGIcon from '../../src/react/SVGIcon.js';
-import Button from '../../src/react/Button.js';
-
-import Tile from '../../src/react/Tile.js';
-import TileInfo from '../../src/react/TileInfo.js';
-import TileInfoLine from '../../src/react/TileInfoLine.js';
-import TileFooter from '../../src/react/TileFooter.js';
-import TileFooterCell from '../../src/react/TileFooterCell.js';
-
-import HTMLTileWithoutFooter from '../../components/tile/tile-without-footer.html';
-import HTMLVspTile from '../../components/tile/vsp-tile.html';
-import HTMLVlmTile from '../../components/tile/vlm-tile.html';
-import HTMLVendorTile from '../../components/tile/vendor-tile.html';
-import HTMLVfcTile from '../../components/tile/vfc-tile.html';
-
-let examples = {
- 'Without footer': {
- jsx: <Tile headerText='header' headerColor='blue' iconName='vsp' iconColor='blue'>
- <TileInfo>
- <TileInfoLine type='supertitle'>Supertitle</TileInfoLine>
- <TileInfoLine type='title'>Title</TileInfoLine>
- </TileInfo>
- </Tile>,
- html: HTMLTileWithoutFooter
- },
- VFC: {
- jsx: <Tile headerText='vfc' headerColor='purple' iconName='network'>
- <TileInfo>
- <TileInfoLine type='title'>Title</TileInfoLine>
- <TileInfoLine type='subtitle'>V 1.0</TileInfoLine>
- </TileInfo>
- <TileFooter>
- <TileFooterCell>Certified</TileFooterCell>
- </TileFooter>
- </Tile>,
- html: HTMLVfcTile
- },
- VSP: {
- jsx: <Tile headerText='vsp' headerColor='blue' iconName='vsp' iconColor='blue'>
- <TileInfo>
- <TileInfoLine type='supertitle'>VLM</TileInfoLine>
- <TileInfoLine type='title'>VSP name</TileInfoLine>
- </TileInfo>
- <TileFooter>
- <TileFooterCell>Draft</TileFooterCell>
- </TileFooter>
- </Tile>,
- html: HTMLVspTile
- },
- VLM: {
- jsx: <Tile headerText='vlm' headerColor='purple' iconName='vlm' iconColor='purple'>
- <TileInfo>
- <TileInfoLine type='title'>VLM name</TileInfoLine>
- </TileInfo>
- <TileFooter>
- <TileFooterCell>Certified</TileFooterCell>
- <TileFooterCell>
- <SVGIcon name='versionControllerPermissions' label='Owner' labelPosition='left' />
- </TileFooterCell>
- </TileFooter>
- </Tile>,
- html: HTMLVlmTile
- },
- Vendor: {
- jsx: <Tile iconName='vendor' iconColor='dark-gray'>
- <TileInfo align='center'>
- <TileInfoLine type='title'>Vendor name</TileInfoLine>
- <TileInfoLine>
- <Button btnType='primary' onClick={() => {}}>100 VSPs</Button>
- </TileInfoLine>
- </TileInfo>
- <TileFooter align='center'>
- <TileFooterCell>
- <Button btnType='link' color='primary' iconName='plusThin' onClick={() => {}}>Create new VSP</Button>
- </TileFooterCell>
- </TileFooter>
- </Tile>,
- html: HTMLVendorTile
- },
-};
-
-const Tiles = () => (
- <Examples examples={examples} />
-);
-
-export default Tiles;