A modern programming language that makes developers happier.

kotlinlang

Hello! Does anyone have a good example for aligning TextField label and the line (underline) properly? There seems to be some gap between their starting points. Thanks in advance!

Are you asking about the fact that the label is inset a bit from the start? I think that's there because of the fact that a textField has a background, and so having that padding there makes sense.

When you change the background of the test field to transparent (a la trying to recreate "old" material design input fields) then yeah you have a weird inset. It was posted in this slack like 100 times already and the material teams response was "we dont currently support the old style material inputs in compose"

BUT I think there was an update sorta recently (in 1.2 of compose?) that exposes some additional padding you can override. let me try to find it.

2022-06-17 at 15.21.08.png

i wonder if this is it. <@UMCJAPF63> (sorry for the ping but you were in the other threads about this) might be able to give you a canonical answer.

You can change the paddings now, yes, but the components are implemented to the Material 2 specs, so there’s no out of the box flag to change the appearance to match an older component