:github_url: hide

.. Generated automatically by doc/tools/make_rst.py in Godot's source tree.
.. DO NOT EDIT THIS FILE, but the CheckButton.xml source instead.
.. The source is found in doc/classes or modules/<name>/doc_classes.

.. _class_CheckButton:

CheckButton
===========

**Inherits:** :ref:`Button<class_Button>` **<** :ref:`BaseButton<class_BaseButton>` **<** :ref:`Control<class_Control>` **<** :ref:`CanvasItem<class_CanvasItem>` **<** :ref:`Node<class_Node>` **<** :ref:`Object<class_Object>`

Checkable button. See also :ref:`CheckBox<class_CheckBox>`.

Description
-----------

CheckButton is a toggle button displayed as a check field. It's similar to :ref:`CheckBox<class_CheckBox>` in functionality, but it has a different appearance. To follow established UX patterns, it's recommended to use CheckButton when toggling it has an **immediate** effect on something. For instance, it should be used if toggling it enables/disables a setting without requiring the user to press a confirmation button.

See also :ref:`BaseButton<class_BaseButton>` which contains common properties and methods associated with this node.

Properties
----------

+-------------------------------------------------------------------+-------------+-------------------------------------------------------------------------------+
| :ref:`HorizontalAlignment<enum_@GlobalScope_HorizontalAlignment>` | alignment   | ``0`` (overrides :ref:`Button<class_Button_property_alignment>`)              |
+-------------------------------------------------------------------+-------------+-------------------------------------------------------------------------------+
| :ref:`bool<class_bool>`                                           | toggle_mode | ``true`` (overrides :ref:`BaseButton<class_BaseButton_property_toggle_mode>`) |
+-------------------------------------------------------------------+-------------+-------------------------------------------------------------------------------+

Theme Properties
----------------

+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_color<class_CheckButton_theme_color_font_color>`                             | ``Color(0.875, 0.875, 0.875, 1)``   |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_disabled_color<class_CheckButton_theme_color_font_disabled_color>`           | ``Color(0.875, 0.875, 0.875, 0.5)`` |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_focus_color<class_CheckButton_theme_color_font_focus_color>`                 | ``Color(0.95, 0.95, 0.95, 1)``      |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_hover_color<class_CheckButton_theme_color_font_hover_color>`                 | ``Color(0.95, 0.95, 0.95, 1)``      |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_hover_pressed_color<class_CheckButton_theme_color_font_hover_pressed_color>` | ``Color(1, 1, 1, 1)``               |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_outline_color<class_CheckButton_theme_color_font_outline_color>`             | ``Color(1, 1, 1, 1)``               |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_pressed_color<class_CheckButton_theme_color_font_pressed_color>`             | ``Color(1, 1, 1, 1)``               |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`int<class_int>`             | :ref:`check_vadjust<class_CheckButton_theme_constant_check_vadjust>`                    | ``0``                               |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`int<class_int>`             | :ref:`hseparation<class_CheckButton_theme_constant_hseparation>`                        | ``4``                               |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`int<class_int>`             | :ref:`outline_size<class_CheckButton_theme_constant_outline_size>`                      | ``0``                               |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Font<class_Font>`           | :ref:`font<class_CheckButton_theme_font_font>`                                          |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`int<class_int>`             | :ref:`font_size<class_CheckButton_theme_font_size_font_size>`                           |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`off<class_CheckButton_theme_icon_off>`                                            |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`off_disabled<class_CheckButton_theme_icon_off_disabled>`                          |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`off_disabled_mirrored<class_CheckButton_theme_icon_off_disabled_mirrored>`        |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`off_mirrored<class_CheckButton_theme_icon_off_mirrored>`                          |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`on<class_CheckButton_theme_icon_on>`                                              |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`on_disabled<class_CheckButton_theme_icon_on_disabled>`                            |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`on_disabled_mirrored<class_CheckButton_theme_icon_on_disabled_mirrored>`          |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`on_mirrored<class_CheckButton_theme_icon_on_mirrored>`                            |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`StyleBox<class_StyleBox>`   | :ref:`disabled<class_CheckButton_theme_style_disabled>`                                 |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`StyleBox<class_StyleBox>`   | :ref:`focus<class_CheckButton_theme_style_focus>`                                       |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`StyleBox<class_StyleBox>`   | :ref:`hover<class_CheckButton_theme_style_hover>`                                       |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`StyleBox<class_StyleBox>`   | :ref:`hover_pressed<class_CheckButton_theme_style_hover_pressed>`                       |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`StyleBox<class_StyleBox>`   | :ref:`normal<class_CheckButton_theme_style_normal>`                                     |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`StyleBox<class_StyleBox>`   | :ref:`pressed<class_CheckButton_theme_style_pressed>`                                   |                                     |
+-----------------------------------+-----------------------------------------------------------------------------------------+-------------------------------------+

Theme Property Descriptions
---------------------------

.. _class_CheckButton_theme_color_font_color:

- :ref:`Color<class_Color>` **font_color**

+-----------+-----------------------------------+
| *Default* | ``Color(0.875, 0.875, 0.875, 1)`` |
+-----------+-----------------------------------+

The ``CheckButton`` text's font color.

----

.. _class_CheckButton_theme_color_font_disabled_color:

- :ref:`Color<class_Color>` **font_disabled_color**

+-----------+-------------------------------------+
| *Default* | ``Color(0.875, 0.875, 0.875, 0.5)`` |
+-----------+-------------------------------------+

The ``CheckButton`` text's font color when it's disabled.

----

.. _class_CheckButton_theme_color_font_focus_color:

- :ref:`Color<class_Color>` **font_focus_color**

+-----------+--------------------------------+
| *Default* | ``Color(0.95, 0.95, 0.95, 1)`` |
+-----------+--------------------------------+

The ``CheckButton`` text's font color when it's focused. Only replaces the normal text color of the button. Disabled, hovered, and pressed states take precedence over this color.

----

.. _class_CheckButton_theme_color_font_hover_color:

- :ref:`Color<class_Color>` **font_hover_color**

+-----------+--------------------------------+
| *Default* | ``Color(0.95, 0.95, 0.95, 1)`` |
+-----------+--------------------------------+

The ``CheckButton`` text's font color when it's hovered.

----

.. _class_CheckButton_theme_color_font_hover_pressed_color:

- :ref:`Color<class_Color>` **font_hover_pressed_color**

+-----------+-----------------------+
| *Default* | ``Color(1, 1, 1, 1)`` |
+-----------+-----------------------+

The ``CheckButton`` text's font color when it's hovered and pressed.

----

.. _class_CheckButton_theme_color_font_outline_color:

- :ref:`Color<class_Color>` **font_outline_color**

+-----------+-----------------------+
| *Default* | ``Color(1, 1, 1, 1)`` |
+-----------+-----------------------+

The tint of text outline of the ``CheckButton``.

----

.. _class_CheckButton_theme_color_font_pressed_color:

- :ref:`Color<class_Color>` **font_pressed_color**

+-----------+-----------------------+
| *Default* | ``Color(1, 1, 1, 1)`` |
+-----------+-----------------------+

The ``CheckButton`` text's font color when it's pressed.

----

.. _class_CheckButton_theme_constant_check_vadjust:

- :ref:`int<class_int>` **check_vadjust**

+-----------+-------+
| *Default* | ``0`` |
+-----------+-------+

The vertical offset used when rendering the toggle icons (in pixels).

----

.. _class_CheckButton_theme_constant_hseparation:

- :ref:`int<class_int>` **hseparation**

+-----------+-------+
| *Default* | ``4`` |
+-----------+-------+

The separation between the toggle icon and the text (in pixels).

----

.. _class_CheckButton_theme_constant_outline_size:

- :ref:`int<class_int>` **outline_size**

+-----------+-------+
| *Default* | ``0`` |
+-----------+-------+

The size of the text outline.

----

.. _class_CheckButton_theme_font_font:

- :ref:`Font<class_Font>` **font**

The :ref:`Font<class_Font>` to use for the ``CheckButton`` text.

----

.. _class_CheckButton_theme_font_size_font_size:

- :ref:`int<class_int>` **font_size**

Font size of the ``CheckButton``'s text.

----

.. _class_CheckButton_theme_icon_off:

- :ref:`Texture2D<class_Texture2D>` **off**

The icon to display when the ``CheckButton`` is unchecked (for left-to-right layouts).

----

.. _class_CheckButton_theme_icon_off_disabled:

- :ref:`Texture2D<class_Texture2D>` **off_disabled**

The icon to display when the ``CheckButton`` is unchecked and disabled (for left-to-right layouts).

----

.. _class_CheckButton_theme_icon_off_disabled_mirrored:

- :ref:`Texture2D<class_Texture2D>` **off_disabled_mirrored**

The icon to display when the ``CheckButton`` is unchecked and disabled (for right-to-left layouts).

----

.. _class_CheckButton_theme_icon_off_mirrored:

- :ref:`Texture2D<class_Texture2D>` **off_mirrored**

The icon to display when the ``CheckButton`` is unchecked (for right-to-left layouts).

----

.. _class_CheckButton_theme_icon_on:

- :ref:`Texture2D<class_Texture2D>` **on**

The icon to display when the ``CheckButton`` is checked (for left-to-right layouts).

----

.. _class_CheckButton_theme_icon_on_disabled:

- :ref:`Texture2D<class_Texture2D>` **on_disabled**

The icon to display when the ``CheckButton`` is checked and disabled (for left-to-right layouts).

----

.. _class_CheckButton_theme_icon_on_disabled_mirrored:

- :ref:`Texture2D<class_Texture2D>` **on_disabled_mirrored**

The icon to display when the ``CheckButton`` is checked and disabled (for right-to-left layouts).

----

.. _class_CheckButton_theme_icon_on_mirrored:

- :ref:`Texture2D<class_Texture2D>` **on_mirrored**

The icon to display when the ``CheckButton`` is checked (for right-to-left layouts).

----

.. _class_CheckButton_theme_style_disabled:

- :ref:`StyleBox<class_StyleBox>` **disabled**

The :ref:`StyleBox<class_StyleBox>` to display as a background when the ``CheckButton`` is disabled.

----

.. _class_CheckButton_theme_style_focus:

- :ref:`StyleBox<class_StyleBox>` **focus**

The :ref:`StyleBox<class_StyleBox>` to display as a background when the ``CheckButton`` is focused. The ``focus`` :ref:`StyleBox<class_StyleBox>` is displayed *over* the base :ref:`StyleBox<class_StyleBox>`, so a partially transparent :ref:`StyleBox<class_StyleBox>` should be used to ensure the base :ref:`StyleBox<class_StyleBox>` remains visible. A :ref:`StyleBox<class_StyleBox>` that represents an outline or an underline works well for this purpose. To disable the focus visual effect, assign a :ref:`StyleBoxEmpty<class_StyleBoxEmpty>` resource. Note that disabling the focus visual effect will harm keyboard/controller navigation usability, so this is not recommended for accessibility reasons.

----

.. _class_CheckButton_theme_style_hover:

- :ref:`StyleBox<class_StyleBox>` **hover**

The :ref:`StyleBox<class_StyleBox>` to display as a background when the ``CheckButton`` is hovered.

----

.. _class_CheckButton_theme_style_hover_pressed:

- :ref:`StyleBox<class_StyleBox>` **hover_pressed**

The :ref:`StyleBox<class_StyleBox>` to display as a background when the ``CheckButton`` is hovered and pressed.

----

.. _class_CheckButton_theme_style_normal:

- :ref:`StyleBox<class_StyleBox>` **normal**

The :ref:`StyleBox<class_StyleBox>` to display as a background.

----

.. _class_CheckButton_theme_style_pressed:

- :ref:`StyleBox<class_StyleBox>` **pressed**

The :ref:`StyleBox<class_StyleBox>` to display as a background when the ``CheckButton`` is pressed.

.. |virtual| replace:: :abbr:`virtual (This method should typically be overridden by the user to have any effect.)`
.. |const| replace:: :abbr:`const (This method has no side effects. It doesn't modify any of the instance's member variables.)`
.. |vararg| replace:: :abbr:`vararg (This method accepts any number of arguments after the ones described here.)`
.. |constructor| replace:: :abbr:`constructor (This method is used to construct a type.)`
.. |static| replace:: :abbr:`static (This method doesn't need an instance to be called, so it can be called directly using the class name.)`
.. |operator| replace:: :abbr:`operator (This method describes a valid operator to use with this type as left-hand operand.)`