# Enabled

The `enabled` key in an object's properties can be set using a logical expression that evaluates to `true` or `false`. This determines whether a specific UI element is enabled or disabled based on the conditions specified in the expression. Works in the same way as [visible](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/general-structure/visible).

* **Boolean Logic**: Use logical operators (`&&`, `||`) to combine multiple conditions.
* **Comparison Operators**: Use `==`, `!=`, `>`, `<`, `>=`, `<=` to compare values.

## Examples

1. **Complex Condition**

   ```json
   "enabled": "(buttonStyle == 'filled' || buttonStyle == 'outline') && showIcon == true"
   ```

   This makes the control enabled only when a button style is chosen and icons are enabled.
2. **Enabled Based on Numeric Ranges**

   ```json
   "enabled": "imageBlur > 0 && imageBlur <= 20"
   ```

   Useful for enabling fine-tuning controls only when blur is active.
3. **Negation to Disable**

   ```json
   "enabled": "useCustomColors != true"
   ```

   The property is enabled when `useCustomColors` is `false`.