Skip to content
Permalink
Browse files
Added basic structure for a new widget <ColorSelector>.
  • Loading branch information
maratbn committed Aug 5, 2018
1 parent eae4f08 commit 2c4292a
Showing 1 changed file with 34 additions and 0 deletions.
@@ -232,11 +232,45 @@ class ListWidget extends React.Component {
}
}

class ColorSelector extends React.Component {
render() {
return (
<div style={ objStyleCommon }>
<div style={{ margin: '1em auto',
width: '70%',
height: '3em',
border: 'solid 2px black' }} />
<div style={{ marginTop: '-1em'}}>
<div style={{ display: 'inline-block', margin: '1em' }}>
R: <input type='text'
size='4'
maxLength='4'
style={{ textAlign: 'center' }} />
</div>
<div style={{ display: 'inline-block', margin: '1em' }}>
G: <input type='text'
size='4'
maxLength='4'
style={{ textAlign: 'center' }} />
</div>
<div style={{ display: 'inline-block', margin: '1em' }}>
B: <input type='text'
size='4'
maxLength='4'
style={{ textAlign: 'center' }} />
</div>
</div>
</div>
);
}
}


ReactDOM.render(
<div>
<HelloWidget />
<TextWidget />
<ListWidget />
<ColorSelector />
</div>,
document.getElementById('react-app'));

0 comments on commit 2c4292a

Please sign in to comment.