Action on both side of input

[ghabriel25]

Is there a way to make input with action on both side? I need to create counter input

<div class="ui action input">

    <button class="ui icon button" type="button">
        <i class="minus icon"></i>
    </button>

    <input type="text" value="1">

    <button class="ui icon button" type="button">
        <i class="plus icon"></i>
    </button>

</div>

At the moment, it only applied to right or left of the input

[ko2in]

Unfortunately, not yet. But, you can use labeled input container to achieve that.

<div class="ui right labeled input counter">
  <div class="ui label"><i class="minus icon"></i></div>
  <input type="text" placeholder="Amount" id="amount">
  <div class="ui label"><i class="plus icon"></i></div>
</div>

You might need to adjust to have cursor effect on your buttons using CSS:

.ui.counter.input .ui.label {
  cursor: pointer;
}

[ghabriel25]

Thanks! I hope there is an option for that on next version