Feature: Field with copy button

[iOvergaard]

It would be beneficial to have a component that exposes a text that can be copied by clicking a button. The copy functionality should work cross-browser and have some kind of interaction to know you clicked.

Example:

[leekelleher]

FYI, GitHub (the org) has a <clipboard-copy> standalone web component. If it helps? https://github.com/github/clipboard-copy-element

I found this on the Awesome Standalones repo, (for framework-agnostic standalone web components).

[nielslyngsoe]

Cool, let me add that styling wise we should aim for the same look as the Password Input. So it aligns with the general input style, and appends the copy button at the end of the field.

Notice for the right experience you should append readonly on the input field. maybe this one should extend the UUI-input component.

[Nukeclears]

@nielslyngsoe To clarify, should the copy button be an additional property on the UUI-input that will also set readonly when enabled or should the copy button be visible when readonly is enabled? I'll have a go and look at this.