File tree 1 file changed +34
-0
lines changed
1 file changed +34
-0
lines changed Original file line number Diff line number Diff line change @@ -232,11 +232,45 @@ class ListWidget extends React.Component {
232
232
}
233
233
}
234
234
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
+
235
268
236
269
ReactDOM . render (
237
270
< div >
238
271
< HelloWidget />
239
272
< TextWidget />
240
273
< ListWidget />
274
+ < ColorSelector />
241
275
</ div > ,
242
276
document . getElementById ( 'react-app' ) ) ;
You can’t perform that action at this time.
0 commit comments