# Checkbox in appstudio

**URL:** <https://tech-community.robotics.abb.com/t/checkbox-in-appstudio/12082>\
**Category:** AppStudio\
**Created:** [November 13, 2025, 9:01am UTC](https://tech-community.robotics.abb.com/t/checkbox-in-appstudio/12082 "2025-11-13T09:01:49Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![mgeerinc](https://avatars.discourse-cdn.com/v4/letter/m/f04885/32.png) [@mgeerinc](https://tech-community.robotics.abb.com/u/mgeerinc)\
**Post date:** [November 13, 2025, 9:01am UTC](https://tech-community.robotics.abb.com/t/checkbox-in-appstudio/12082/1 "2025-11-13T09:01:49Z")

</div>

i want to use a checkbox in appstudio but i can not found how to bind it with a bool in rapid code. greetings

---

<div class="post-metadata">

**Author:** ![Jur](https://dub1.discourse-cdn.com/flex005/user_avatar/tech-community.robotics.abb.com/jur/32/4670_2.png) [@Jur](https://tech-community.robotics.abb.com/u/Jur)\
**Post date:** [November 25, 2025, 12:48pm UTC](https://tech-community.robotics.abb.com/t/checkbox-in-appstudio/12082/2 "2025-11-25T12:48:35Z")

</div>

I created a function in a class that checks whether a component should be active or not. You can change this to require a signal and then do the following:

updateUiIcon() {

const active = this.isActive();  
this.component.icon = active  
? “abb-icon abb-icon-abb\_check-mark\_16”  
: null;  
}

isActive() {  
return this.component.toggle === 1;  
}