One of the most common functionalities you may need in your app is the ability for users to quickly copy text or other content to their device’s clipboard, making it easy to paste the content elsewhere. In UI Bakery, you can do this via a JavaScript Code action step.
Let’s say you have a Button that returns a link - on click you want this link copied to the clipboard. Follow the steps below to implement this👇
- Create a new action of the JavaScript Code type and specify the following code:
await navigator.clipboard
.writeText(link)
.then(() => {
alert("successfully copied");
})
.catch(() => {
alert("something went wrong");
})
It will notify users whether the action was successful or not.
- Assign this action to the Button’s component On Click trigger.
That’s it! Now when clicking the button, the link will be copied to the users’ clipboard.
