<wa-copy-button>
Copy buttons copy text to the clipboard when the user activates them. They provide built-in success and error feedback so users know the copy worked.
- Category
- Actions
- Built with
Lit
- Library
- Web Awesome
- Author
- Web Awesome
- Package
-
@awesome.me/webawesome
- Component size
- 36.2 kB JS (minified + gzipped, JS includes dependencies beyond the library)
- Library size
- 8.2 kB JS (shared by every Web Awesome component, loaded once per page)
- Popular
- 5 out of 5
- Downloads
- 364,100/week · jsDelivr 33,855,650 hits/month (whole @awesome.me/webawesome package)
- GitHub stars
- 1,348
- Latest stable version
3.14.0
- Last published
- Component last changed
- (in
3.11.0)
- License
- MIT
- Status
- stable
Attributes
valuefromdisabledcopy-labelsuccess-labelerror-labelfeedback-durationtooltip-placementtooltipdirlangdid-ssr
Slots
copy-iconsuccess-iconerror-icon
Events
CSS Parts
buttoncopy-iconsuccess-iconerror-iconfeedback