Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-28 21:18:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Example usage of the coor picker

Browse source
This commit is contained in:
Vladimir Borisov 2019-09-17 09:56:41 +03:00
parent b954a69d69
commit bd862fa9cc
No known key found for this signature in database
GPG key ID: F9A584BE4FCB6603
1 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
storybook/stories/ColorPicker/ColorPicker.js
View file

@ -3,10 +3,17 @@ const { storiesOf } = require('@storybook/react');
const { ColorPicker } = require('stremio/common');
const styles = require('./styles');
storiesOf('ColorPicker', module).add('ColorPicker', () => (
<ColorPicker
className={styles['color-picker-container']}
value={'#000000'}
onChange={(color) => { console.log(color) }}
/>
));
const ColorPickerExampleusage = () => {
const [color, setColor] = React.useState('rgba(166, 196, 213, 0.97)');
return (
<div style={{ color: 'var(--color-surfacelighter)', padding: '1em' }}>
<ColorPicker
className={styles['color-picker-container']}
value={color}
onChange={(color) => { setColor(color) }}
/>
<div style={{ marginTop: '1em' }}>Current color is {color}</div>
</div>
);
}
storiesOf('ColorPicker', module).add('ColorPicker', () => <ColorPickerExampleusage />);