Join the Webstudio community

Updated last month

Ability to copy attributes

At a glance
Is there a way to copy attributes from one element to another? It can be very frustrating to copy attributes individually.
2
B
B
O
9 comments
Why not copy entire instance?
Sometimes, we can have quite a few attributes to a page wrapper that we want to copy to another website that already has another page wrapper. This might result in deleting elements inside the element and wrapping them again with the attribute page wrapper.
What these attributes do?
I guess one reason could be when you have variables or styles on an existing instance and you only want to copy attributes without messing up the existing instance
I second this request.

Use case ani motion.

Set data-ani-progress=fade on one. Then I want to apply this to 10 other instances.

Would be nice to copy at least the just attr name. But ideally we could copy the entire "declaration" and paste it in on another instance
I was setting up animations from a specific script on many span elements, each with several data attributes. It was a lot of work...
Maybe context menu would be good for copy one attribute/value or copy all and paste all
actually pasting could be implemented same way as in the advanced style panel - in the input for creation of attribute
but copy is difficult without having an ability to select like in the CSS preview
Add a reply
Sign up and join the conversation on Discord