# Dynamic Visibility

Dynamic visibility is one of the core 3 concepts in Squirrel365. It allows your project to show and hide components in response to user interactions and/or data conditions. Use dynamic visibility to show a pop-up information screen, hide a component until it is required, switch between different visual representations of data, and many other scenarios.

<figure><img src="/files/wgH7XWwUuQgRkaK49EXs" alt=""><figcaption></figcaption></figure>

Each component that can be added to the canvas has dynamic visibility properties that are configured in the same way. The component will be visible when the condition evaluates to true. The condition is made up of two **value** fields and an **operator.**&#x20;

For example, in the above image the the component would be visible when the content of the first **Value** property  is **equal** to the the second **Value** property. Leaving both value property fields empty will ensure that the component is always visible, as the first and second **Value** properties are equally empty.

By binding 1 or more of the **Value** properties to cells in the spreadsheet, and using spreadsheet formula logic, the visibility of objects can be changed dynamically.

Clicking on the operator <img src="/files/HvdtmEhSk1LTr0LYpOJ9" alt="" data-size="line"> brings up a list of the available options which include:

* equals (=)
* not equal (<>)
* less than (<)
* less than or equal to (<=)
* greater than (>)
* greater than or equal to (>=)
* is empty
* is not empty

You can configure multiple conditions for Dynamic Visibility. Clicking  <img src="/files/iaAflP1ReuQbrYIbliDk" alt="" data-size="line"> will generate another set of inputs for defining a new rule. Additionally, a delete option will appear, allowing you to remove the rule.  [Learn more about Conditional logic](/how-tos/conditional-logic.md)

{% hint style="info" %}
Dynamic visibility is only applied when your project is running i.e. in **Debug** mode, **Preview** mode, or as a published project. It is not applied in **Design** mode; instead, use the eye icon next to objects in the **Component Tree** to hide and show objects during project development.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://learn.squirrel365.io/getting-started/core-concepts/dynamic-visibility.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.