mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-21 03:22:11 +00:00
SimpleMetaItem story added
This commit is contained in:
parent
7324f8ce16
commit
ab4e8d6b54
5 changed files with 26 additions and 0 deletions
19
storybook/stories/MetaItem/SimpleMetaItem/SimpleMetaItem.js
Normal file
19
storybook/stories/MetaItem/SimpleMetaItem/SimpleMetaItem.js
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
const React = require('react');
|
||||||
|
const { storiesOf } = require('@storybook/react');
|
||||||
|
const { MetaItem } = require('stremio/common');
|
||||||
|
const styles = require('./styles');
|
||||||
|
|
||||||
|
storiesOf('MetaItem', module).add('SimpleMetaItem', () => (
|
||||||
|
<MetaItem
|
||||||
|
className={styles['meta-item-container']}
|
||||||
|
id={'meta-item-id'}
|
||||||
|
type={'movie'}
|
||||||
|
name={'Demo item'}
|
||||||
|
posterShape={'poster'}
|
||||||
|
poster={'https://blog.stremio.com/wp-content/uploads/2019/07/Stremio-open-source-850x531.jpg'}
|
||||||
|
title={'Demo item'}
|
||||||
|
progress={0.4}
|
||||||
|
playIcon={true}
|
||||||
|
onClick={() => console.log('Demo item clicked')}
|
||||||
|
/>
|
||||||
|
));
|
||||||
1
storybook/stories/MetaItem/SimpleMetaItem/index.js
Normal file
1
storybook/stories/MetaItem/SimpleMetaItem/index.js
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
require('./SimpleMetaItem');
|
||||||
4
storybook/stories/MetaItem/SimpleMetaItem/styles.less
Normal file
4
storybook/stories/MetaItem/SimpleMetaItem/styles.less
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
.meta-item-container {
|
||||||
|
width: 180px;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
1
storybook/stories/MetaItem/index.js
Normal file
1
storybook/stories/MetaItem/index.js
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
require('./SimpleMetaItem');
|
||||||
|
|
@ -1 +1,2 @@
|
||||||
require('./Addon');
|
require('./Addon');
|
||||||
|
require('./MetaItem');
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue