How to change the width of TextField

[Jo27]

Hi there,

I'm using a Polaris <TextField> in my code. It defaults to full width though. Is there a way to change the width? An example is this screenshot, where the Textfield is not full width. So it can be done, but how? 

[Jayvin]

Hi,

You have to write some custom css for that textbox for in app. As far as I know, Polaris TextField does not have any width setting.

[michaeltheodore]

What is your code for the input field?

[jackcylin]

The only way I know is to wrap in Stack with alignment fill to extend the whole width.

<Stack alignment="fill" vertical={true}>
       <TextField
          ...
       />
</Stack>

[Zworthkey]

hii, @Jo27 
Kindly share your store URL so,
I can solve your issue.
Thank You.