Clipboard

Copy with one click

Copy a value

Code

<div class="input-group">
  <input id="copy-key" name="copy-key" type="text" value="vt_live_2f8a91c47d" aria-label="API key" readonly class="form-control">
  <button type="button" class="btn btn-gray" data-copy="vt_live_2f8a91c47d"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg>Copy</button>
</div>

Copy buttons

Code

<button type="button" class="btn btn-gray" data-copy="https://vitreo.test/share/q3"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg>Copy link</button>
<button type="button" class="btn btn-gray" data-copy="maya@northwind.test"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg>Copy email</button>