# Toggle Property

The Toggle Property allows you to configure a toggle state for boolean values. This means that the icon property can be shown or hidden for any property that only has two possible states (true/false).

You can input a suitable Name, and decide whether it should be shown or hidden by Default.

* Open the Components Properties modal by clicking the "+" icon in the Block Inspector.
* Select Toggle Property in the dropdown.

<figure><img src="/files/3ffQX3Hs1ZoFsxwj0QNf" alt=""><figcaption></figcaption></figure>

## Connect&#x20;

The Toggle Property needs to be connected for it to be applied to the canvas.

{% hint style="info" %}
You need to select "Modify" in the Toolbar or Block Inspector for the blocks that make up a particular component to be visible.
{% endhint %}

We need to open the Component to see the blocks that it contains.

* Select the Component to which you want to connect the Colour Property.
* Select "Modify" in the toolbar or the Block Inspector.

We need to open the Component to see the blocks that it contains.

<figure><img src="/files/41oMzPj70QteTNxdjWF4" alt=""><figcaption></figcaption></figure>

The individual blocks will now be visible.&#x20;

* Select the block to which you wish to add a Toggle Property.
* In the Block Inspector, click Component icon above the Property you wish to modify to open the Component Properties modal.

<figure><img src="/files/7q649YYxA7QsOg8sPoAK" alt=""><figcaption></figcaption></figure>

The Toggle property should now be visible in the Block Inspector.

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

## Name&#x20;

Allows you to label the selected Toggle property.

* Open the Component Properties modal.
* Select required toggle property.
* Input suitable label name to Name field.

![](/files/hnAXB0NxOfUk8hOThDZz)

The Name label is now visible in the Block Inspector.

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

The Toggle can be set to True or False or left unset depending on your requirements.

* In the Component Properties modal, select Default you wish to be applied, such as False, True or unselected.

![](/files/SaBFHTJeinFzCDjupjQj)

For example, if you set visibility default to "true"

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


---

# 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://docs.cwicly.com/cwicly/components/properties-add/toggle-property.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.