search

fomantic / Fomantic-UI

Fomantic-UI is the official community fork of Semantic-UI
https://fomantic-ui.com
MIT License
3.58k stars 333 forks source link

[Input] supports actions on both sides #1609

Open layershifter opened 4 years ago

layershifter commented 4 years ago

Feature Request

Comes from https://github.com/Semantic-Org/Semantic-UI-React/issues/3944.

Currently it's possible to have an action on left/right for inputs and even multiple actions. However, it's not possible to have actions on both sides. I tried to find previous conversations about this in FUI/SUI repo to link issues, but haven't found them.

Example (if possible)

https://jsfiddle.net/ed6sbn50/4/

Screenshot (if possible)

image

layershifter commented 4 years ago

IMHO, I don't think that this should be implemented as it allows to create to complex UIs. A single use case that I see is a control with minus/plus:

<div class="ui action input">
  <button class="ui icon button">
    <i class="icon minus"></i>
  </button>
  <input placeholder="Search..." type="text" />
  <button class="ui icon button">
    <i class="icon plus"></i>
  </button>
</div>

image

https://jsfiddle.net/zcjka4g3/4/

jamessampford commented 4 years ago

I believe related to #536