Clipboard Reference ↓
Button with icon - icon swaps to a check on success
Text-only button - label changes to "Copied" on success
Copy a code snippet
npm install ui-framework
Multiline text
Input - value changes to "Copied" on success
Reference
Base
| Attribute / option | Description |
|---|
Modifiers
| Attribute / option | Description |
|---|
Options
| Attribute / option | Description |
|---|---|
ui-clipboard="text:..." | static text to copy |
ui-clipboard="target:#id" | copy value/textContent of element |
ui-clipboard="successText:Copied!" | custom button label on success |
ui-clipboard="successIcon:fa-..." | icon class to swap in on success |