# Toggler

Toggler is a visible component that can display checked / unchecked states as a button with a light indicator. By default, it will display a text with ON or OFF labels:

![](/files/-LHEdhpyoBHyDVcgoaWP)

Toggler includes a Click event block that will be invoked when user taps on the button

![](/files/-LHEb8ARB_uJCuERbhtN)

Toggler also includes a Checked property block. It can be used to determine the state of it and determine if it is Checked or un-Checked. Use if-then-else block in your Toggler.Click block the add custom logic based on its status:

![](/files/-LHEbrIZ1cIcRDyCOUNt)

This component includes many other blocks to change some properties such as its color or font size. 

![](/files/-LHEc7Hzr5WVpk12TLSS)

This component also includes blocks that can be used to change the default ON / OFF text. For example, to change ON / OFF to Yes / No, use blocks below

![](/files/-LHEc_h9EMpTBE_G31f2)

Note: You can also use Switch component, to basically, accomplish same.


---

# 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://help.appybuilder.com/components/reference/user-interface/toggler.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.