# How to form a common class of components? e.g. changing the master component will change all its children too

**URL:** <https://community.thunkable.com/t/how-to-form-a-common-class-of-components-e-g-changing-the-master-component-will-change-all-its-children-too/1041711>\
**Category:** Questions about Thunkable X\
**Created:** [December 24, 2020, 8:52pm UTC](https://community.thunkable.com/t/how-to-form-a-common-class-of-components-e-g-changing-the-master-component-will-change-all-its-children-too/1041711 "2020-12-24T20:52:47Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![wheelifyteamupoa](https://avatars.discourse-cdn.com/v4/letter/w/b5a626/32.png) [@wheelifyteamupoa](https://community.thunkable.com/u/wheelifyteamupoa)\
**Post date:** [December 24, 2020, 8:52pm UTC](https://community.thunkable.com/t/how-to-form-a-common-class-of-components-e-g-changing-the-master-component-will-change-all-its-children-too/1041711/1 "2020-12-24T20:52:47Z")

</div>

I want to create a common class of components, e.g. one master button component. And then use this to duplicate and create additional buttons to use in the same screen. But instead of changing the properties of each one of them one by one, I want to just change the master component’s properties so that it automatically updates all of its duplicated components as well. Is there any way to do that?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [December 25, 2020, 12:37am UTC](https://community.thunkable.com/t/how-to-form-a-common-class-of-components-e-g-changing-the-master-component-will-change-all-its-children-too/1041711/2 "2020-12-25T00:37:07Z")

</div>

You can clone components including buttons and change the values of those cloned components using dynamic variables.

If you Google _any component thunkable_ you’ll see documentation and video tutorials for using the Any Component blocks.

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [December 25, 2020, 1:02am UTC](https://community.thunkable.com/t/how-to-form-a-common-class-of-components-e-g-changing-the-master-component-will-change-all-its-children-too/1041711/3 "2020-12-25T01:02:25Z")

</div>

As @tatiang says, cloning is a good approach. You might also consider looping through the screen component button list and changing properties.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [December 25, 2020, 2:03am UTC](https://community.thunkable.com/t/how-to-form-a-common-class-of-components-e-g-changing-the-master-component-will-change-all-its-children-too/1041711/4 "2020-12-25T02:03:35Z")

</div>

Right, you can do that without actually cloning but it’s good to know about both.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:19pm UTC](https://community.thunkable.com/t/how-to-form-a-common-class-of-components-e-g-changing-the-master-component-will-change-all-its-children-too/1041711/5 "2024-11-08T12:19:27Z")

</div>