In [https://github.com/opf/openproject/pull/13866](https://github.com/opf/openproject/pull/13866) a component was introdcued to add a clipBoardCopy Button next to an input field. This should be extracted into the Primer Repository as an `InputGroup` (name taken from Github)

Begin of the insertion**Example call in a ruby file**:End of the insertion Begin of the deletion Example html:End of the deletion

Begin of the insertion```erbEnd of the insertion Begin of the deletion ```htmlEnd of the deletion
Begin of the insertion<%=End of the insertion Begin of the deletion <div class="input-group">End of the deletion
Begin of the insertionrender Primer::OpenProject::InputGroup.new(..) do |component|End of the insertion Begin of the deletion <input class="form-control input-sm color-bg-subtle">
<div class="input-group-button">End of the deletion
Begin of the insertion# component.with_trailing_button()End of the insertion Begin of the deletion <clipboard-copy>
End of the deletion ... Begin of the insertion
# component.with_leading_button() ...End of the insertion
Begin of the insertioncomponent.with_clipboard_copy () ...End of the insertion Begin of the deletion </clipboard-copy>
</div>End of the deletion
Begin of the insertion%>End of the insertion Begin of the deletion </div>End of the deletion
```

Begin of the insertion**Note** that `clipboard_copy` is an own option, as it is probably the most common use case and should be consistent throughout the application.End of the insertion Begin of the deletion Result:End of the deletion

Begin of the insertion**Desired result**:

End of the insertion <img class="op-uc-image op-uc-image_inline" Begin of the insertionstyle="width:240px;"End of the insertion Begin of the deletion style="width:387px;"End of the deletion src="/api/v3/attachments/74992/content">