Material-ui: [FlatTextField] New Component

Created on 28 Nov 2015  路  8Comments  路  Source: mui-org/material-ui

What do you think of a new style for the TextField components?
The current version is no longer "in" and was seen too often, i think.

capture d ecran 2015-11-28 a 00 45 25

Google use this style now (see the new Google+)
I find that much more flat and "fashionable" ;)

I did that in 2 minutes with material-ui and this code:

capture d ecran 2015-11-28 a 00 49 09

input
  background-color #D4D4D4 
  border-radius 3px
  padding 10px 
  height 90%

If someone familiar with the project to the courage to try something ;) And add the possibility to put an icon in this "FlatTextField" as in the example from above. It would be cool.
What do you think ?

enhancement

Most helpful comment

There is new component introduced in specs for this purpose Text field boxes

All 8 comments

+1 i think be awesome ^^

+1 I think this would be great

@Grmiade I think a new component for this would be better. Thoughts? @oliviertassinari

Google use this style now

I'm not sure it's supposed to replace the existing style.
I agree, a new TextFieldFlat component following this Google+ spec would be a good idea.

I'll have a pull request for this wrapped up in the next couple of days, as it's a feature I wanted to use. Should I also add it to the documentation / site as well?

I almost have this wrapped up and am thinking about also including a AutoCompleteFlat? Thoughts? @oliviertassinari

There is new component introduced in specs for this purpose Text field boxes

@oliviertassinari pretty sure, this can be closed https://material-ui.com/demos/text-fields/#filled

Was this page helpful?
0 / 5 - 0 ratings