I am creating my component library and for one component I have a text entry box.
I would like it such that there is a blank state (cursor and helper text only) and a fixed width, plus a positive state (green border and tick icon at right of frame when any text is entered).
I have done all of this succesfully using auto layout, other than the fact I want the text frame to have a minimum width and only expand when text exceeds that width.
At present, I have the text set to hug so when the text entered is short the width of the box decreases. However, I am wanting the box to stay at the minimum (original) width of the blank state box until the text is long enough to expand whilst maintaining the gap between text and icon as set in auto layout.
Would appreciate any help! Thank you