Skip to content

Commit 2c4292a

Browse files
committed
Added basic structure for a new widget <ColorSelector>.
1 parent eae4f08 commit 2c4292a

File tree

1 file changed

+34
-0
lines changed

1 file changed

+34
-0
lines changed

webpack_in/entry.jsx

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -232,11 +232,45 @@ class ListWidget extends React.Component {
232232
}
233233
}
234234

235+
class ColorSelector extends React.Component {
236+
render() {
237+
return (
238+
<div style={ objStyleCommon }>
239+
<div style={{ margin: '1em auto',
240+
width: '70%',
241+
height: '3em',
242+
border: 'solid 2px black' }} />
243+
<div style={{ marginTop: '-1em'}}>
244+
<div style={{ display: 'inline-block', margin: '1em' }}>
245+
R: <input type='text'
246+
size='4'
247+
maxLength='4'
248+
style={{ textAlign: 'center' }} />
249+
</div>
250+
<div style={{ display: 'inline-block', margin: '1em' }}>
251+
G: <input type='text'
252+
size='4'
253+
maxLength='4'
254+
style={{ textAlign: 'center' }} />
255+
</div>
256+
<div style={{ display: 'inline-block', margin: '1em' }}>
257+
B: <input type='text'
258+
size='4'
259+
maxLength='4'
260+
style={{ textAlign: 'center' }} />
261+
</div>
262+
</div>
263+
</div>
264+
);
265+
}
266+
}
267+
235268

236269
ReactDOM.render(
237270
<div>
238271
<HelloWidget />
239272
<TextWidget />
240273
<ListWidget />
274+
<ColorSelector />
241275
</div>,
242276
document.getElementById('react-app'));

0 commit comments

Comments
 (0)