> For the complete documentation index, see [llms.txt](https://help.appybuilder.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.appybuilder.com/components/reference/user-interface/toggler.md).

# 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.