copy-text
A value with a copy button, such as an ID or webhook URL.
Example
seg_lapsed_2025
Laravel
<x-admin::copy-text value="seg_lapsed_2025" />Props
| Prop | Required | Default | Options |
|---|---|---|---|
value | yes | ||
label | null |
Other attributes, such as wire:model or data-*, pass through to the element.
Other stacks
React and Vue: import { CopyText } from "@admiral/ui-kit/react" (or /vue). See the React and Vue guide.
HTML, for any stack
<span class="adm-copy">
<span class="adm-copy__value">seg_lapsed_2025</span>
<button type="button" class="adm-btn adm-btn--ghost adm-btn--square adm-btn--xs" data-adm-copy="seg_lapsed_2025" aria-label="Copy seg_lapsed_2025"><svg class="adm-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1"/></svg></button>
</span>