---
title: "Toggle form element"
date: "2017-11-13T08:06:29+00:00"
summary: "Add a toggle field to your Component form with Site Studio's Toggle element. Choose from three types, set default values, and customize tooltips for enhanced user experience and functionality."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/toggle-form-element"
id: "4c18a897-c3d5-47dc-8d7a-fe5ee839ddf5"
---

Table of contents will be added

Use the Toggle form element to add a toggle field to your Component form. For more information, see [Create an editable component](/drupal-starter-kits/add-ons/site-studio/create-component "Create an editable component").

Locating the toggle form element
--------------------------------

To find the Toggle form element:

1.  Navigate to a component
2.  Click the **+ button** on the Component form builder
3.  Within the Fields tab, look for the Toggle form element.

![da214216-toggle.png](https://acquia.widen.net/content/71e1238d-bedf-40b6-a661-db04a806973b/web/da214216-toggle.png)

The Toggle element includes the following fields:

Field settings
--------------

*   **Type -** Select the type of toggle. The three options are:
    *   **Toggle (True/false) -** A simple toggle which sets a True or False value
    *   **Toggle with number value -** A toggle which sets a number for the On and Off states
    *   **Toggle with string values -** A toggle which sets a string for the On and Off states

Value settings
--------------

*   **Default value -** Toggle the default value On or Off
*   **On value -** Set a number or string depending on the Type selected
*   **Off value -** Set a number or string depending on the Type selected.

Tooltip
-------

*   **Tooltip text -** Enter tooltip text here.
*   **Tooltip placement -** Define the position of the tooltip on hover of the field.