# How to change clickability based on state?
**URL:** https://forums.fusetools.com/t/how-to-change-clickability-based-on-state/2992
**Category:** How-to Discussions
**Created:** [July 26, 2017, 1:08pm UTC](https://forums.fusetools.com/t/how-to-change-clickability-based-on-state/2992 "2017-07-26T13:08:40Z")
**Posts on this page:** 12
**Page:** 1
If I have a particular Observable in my state, how would I disable Clicked on a component based on this state?
In pseudo code:
```auto
```
Can I do it on the Panel, or would I separate the two states like this:
```auto
```
Thanks!
---
Ok, so if I have a component like this:
```auto
```
…and another component attaches a click handler:
```auto
```
I want to “somehow” disable the Clicked handler when {disabled} is true.
Is this possible when using Clicked? Or would I need to use a custom property for the click handler?
---
Use the property just for the visual style within the component. When using an instance of the button, do it so:
```auto
```
The problem is that you need to put the reference to `{a}` callback in the data context where it’s available.
You can, of course, put the `WhileFalse` inside of the component itself, and Fuse will automatically look up the tree and try to figure out where `{a}` lives. Depending on how many instances of `{a}` you have, and on what levels, it may or may not hit the right one.
---
Ok, thanks. Decided to go with this in then end I think.
```auto
```
So it’s easier to use the button each time, eg:
```auto
```
Thanks for your help!
---
It looks like we are indeed missing some negation UX expressions. ~~We’ll not need… we’ll need to not… we’ll not need to not…~~ We’ll need to fix that.
In the mean time, you will need to do the simple negation in JS.
```auto
var Observable = require("FuseJS/Observable");
var bool = Observable(true);
var invertBool = bool.map(function(x) {
return !x;
});
```
---