Input with action: button to the left instead of right

[smartm0use]

I'm looking for something like this:

With button on the left, instead of right.

According to this it is not possible.
Do you have a way to reach that or do you plan to add more options to input with actions?

[dutrieux]

like this : https://jsfiddle.net/vntoa5hb/

[smartm0use]

Yes! Shouldn't it be added in the documentation as example?

[ColinFrick]

The second example shows an input with an action on the left:

[smartm0use]

You are right, my bad :(

Sorry if I go off-topic... do you know any way to make this button appear like "on/off".
I mean users click on it and turn it on, then if they click again they turn it off.
Maybe I can use borders or different colour. Do you have a better idea?

[ColinFrick]

I'd go with adding the "active" class to the button on click. There is also the toggle modifier to automatically change it to the color green when activating, or add another color class manually.
Additionally you could also change the icon inside the button:
https://jsfiddle.net/hn90szx5/

[smartm0use]

I see, thank you so much for your code!

What about adding space between button and input? Maybe you can solve this in a better way...

[smartm0use]

Something like this https://jsfiddle.net/sck6d3q8, but I think that button shoud not be included in the div.

[apple-idn]

<form class="ui form">
  <div class="field">
    <label>File</label>
    <div class="ui right action left icon input">
      <i class="folder open yellow icon"></i>
      <input type="text" placeholder="file" readonly>

      <button class="ui red button"><i class="erase icon"></i></button>
    </div>
  </div>
</form>

similar bug rounded input action left icon