React-autosuggest: Use TextField from material-ui

Created on 28 Oct 2016  路  2Comments  路  Source: moroshko/react-autosuggest

Hello,

It's possible to use TextField from material-ui like design for your input ?
http://www.material-ui.com/#/components/text-field

Best regards,

Most helpful comment

Thx @moroshko it works perfectly :

const renderInputComponent = inputProps => (
<TextField
    hintText="myHintText"
    floatingLabelText="my floating label"
    style={{
      width:'100%',
      fontSize:'16px'
    }}
    {...inputProps} />
);

All 2 comments

I haven't tried to integrate material-ui's input, but you are welcome to try and report back. You'll probably need to use renderInputComponent.

Thx @moroshko it works perfectly :

const renderInputComponent = inputProps => (
<TextField
    hintText="myHintText"
    floatingLabelText="my floating label"
    style={{
      width:'100%',
      fontSize:'16px'
    }}
    {...inputProps} />
);

Was this page helpful?
0 / 5 - 0 ratings