Clipboard

Copy a code in one click

Copy a field

The button says it worked.

GC-48247

Show the code

<div class="copy-field">
<code id="cb-1">GC-48247</code>
<button type="button" class="btn btn-ghost btn-sm" data-copy="cb-1">
<i class="ti ti-copy">
</i>Copy</button>
</div>

Copy from an input

The value of the field is copied.

Show the code

<div class="cluster w-100">
<label class="input flex-1">
<input id="cb-2" type="text" readonly value="https://cornerstore.example/r/7KQ2M" aria-label="Receipt link">
</label>
<button type="button" class="btn" data-copy="cb-2">
<i class="ti ti-copy">
</i>Copy the link</button>
</div>