Skip to contentSkip to footer
Give feedbackv3.0.2

Copy to clipboard

Copy to clipboard is an experimental pattern that allows users to copy the current url easily. This means that clients can share through any channel, not just from the options in the toolbar.

<fieldset>
	<label for="field">Field group with copy to clipboard button</label>
	<div class="field-group field-group--buttons">
		<input id="pageurl" type="text">
		<button class="btn btn-secondary save-button-icon">Copy link</button>
	</div>
</fieldset>

There is also a smaller version for this pattern, which is used in the toolbar

<button class="btn a-social-copy">Copy link
	<div class="copied">Copied!</div>
</button>