Skip to content

Checkbox

A simple checkbox widget which stores a boolean value.

  • Focusable
  • Container

Example

The example below shows check boxes in various states.

CheckboxApp ─────────────────── XArrakis 😓 XCaladan XChusuk XGiedi Prime XGinaz XGrumman XKaitain XNovebruns ───────────────────

from textual.app import App, ComposeResult
from textual.containers import VerticalScroll
from textual.widgets import Checkbox


class CheckboxApp(App[None]):
    CSS_PATH = "checkbox.css"

    def compose(self) -> ComposeResult:
        with VerticalScroll():
            yield Checkbox("Arrakis :sweat:")
            yield Checkbox("Caladan")
            yield Checkbox("Chusuk")
            yield Checkbox("[b]Giedi Prime[/b]")
            yield Checkbox("[magenta]Ginaz[/]")
            yield Checkbox("Grumman", True)
            yield Checkbox("Kaitain", id="initial_focus")
            yield Checkbox("Novebruns", True)

    def on_mount(self):
        self.query_one("#initial_focus", Checkbox).focus()


if __name__ == "__main__":
    CheckboxApp().run()
Screen {
    align: center middle;
}

VerticalScroll {
    width: auto;
    height: auto;
    border: solid $primary;
    background: $panel;
    padding: 2;
}

Reactive Attributes

Name Type Default Description
value bool False The value of the checkbox.

Bindings

The checkbox widget defines the following bindings:

Key(s) Description
enter, space Toggle the value.

Component Classes

The checkbox widget provides the following component classes:

Class Description
toggle--button Targets the toggle button itself.
toggle--label Targets the text label of the toggle button.

Messages

Changed

Bases: ToggleButton.Changed

Posted when the value of the checkbox changes.

This message can be handled using an on_checkbox_changed method.

checkbox: Checkbox property

The checkbox that was changed.

control: Checkbox property

An alias for self.checkbox

See Also