Manage input width

[LefterisKoumis]

Doesn't the calcite-input has a way to control its width?

https://developers.arcgis.com/calcite-design-system/components/input/

[BenElan]

Hi @LefterisKoumis,

You can use CSS to set the width. Either directly on the input:

<calcite-input style="width:500px"></calcite-input>

 or on a parent div

<div style="width:500px">
    <calcite-input></calcite-input>
</div>

[LefterisKoumis]

Thank you. The reason I wanted the reduce the size is to have its label and input on the same line. It seems Calcite doesn't support something like:

[BenElan · Accepted solution]

calcite-label has a "layout" property for that:

https://developers.arcgis.com/calcite-design-system/components/label/#component-api-properties-layou...

<calcite-label layout="inline">Enter Tolerance:
  <calcite-input suffix-text="feet"></calcite-input>
</calcite-label>