Clipboard Anatomy
Value, optional input, and copy / copied surfaces inside the trigger.
Hex doc
Phoenix
Minimal
<.clipboard class="clipboard" value="hello@example.com">
<:label>Email</:label>
<:copy>
<.heroicon name="hero-clipboard" />
</:copy>
<:copied>
<.heroicon name="hero-check" />
</:copied>
</.clipboard>
Trigger only
<.clipboard
class="clipboard"
value="https://example.com/share"
input={false}
trigger_aria_label="Copy link"
>
<:copy>
<.heroicon name="hero-clipboard" />
</:copy>
<:copied>
<.heroicon name="hero-check" />
</:copied>
</.clipboard>