diff options
author | Tayane Fernandes <tayane.rmf@gmail.com> | 2017-03-07 14:22:49 -0300 |
---|---|---|
committer | Tayane Fernandes <tayane.rmf@gmail.com> | 2017-03-07 17:06:55 -0300 |
commit | 99d03c1f4b2d4e10561fc4d0bef14ccd12ad0f9d (patch) | |
tree | 9b5135af5ed36f86b07c617fa5b23469ac519f6a /web-ui/src/common/input_field/input_field.js | |
parent | c36b8ca0fee86f52096a5336fd009d58a7279f37 (diff) |
[#923] Add material-ui framework
Added material-ui framework (http://www.material-ui.com/#/) to facilitate
the creation of UI components. I also adapted some colors to be compatible
with our style guide.
Diffstat (limited to 'web-ui/src/common/input_field/input_field.js')
-rw-r--r-- | web-ui/src/common/input_field/input_field.js | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/web-ui/src/common/input_field/input_field.js b/web-ui/src/common/input_field/input_field.js index 332d5911..438241e1 100644 --- a/web-ui/src/common/input_field/input_field.js +++ b/web-ui/src/common/input_field/input_field.js @@ -16,16 +16,20 @@ */ import React from 'react'; +import TextField from 'material-ui/TextField'; import './input_field.scss'; const InputField = ({ label, name, type = 'text', ...other }) => ( <div className='input-field-group'> - <input - type={type} name={name} className='input-field' - required {...other} + <TextField + hintText={label} + floatingLabelText={label} + name={name} + type={type} + fullWidth + {...other} /> - <label className='input-field-label' htmlFor={name}>{label}</label> </div> ); |