Checkbox

1[dependencies]2gpui-kit = "0.6.6"34# checkbox.rs is self-contained — the check/dash marks are5# painted with PathBuilder, no icon fonts or assets.

1# Download the runnable example crate, then:2cargo run --locked -- --checkbox34# Other demos:5cargo run --locked -- --checkbox checked6cargo run --locked -- --checkbox invalid7cargo run --locked -- --checkbox disabled8cargo run --locked -- --checkbox group9cargo run --locked -- --checkbox table

1use justdo_command::checkbox::{Checkbox, CheckboxState, CheckboxChangeEvent};23// Checkbox is an entity — click or Space toggles it; the4// host view keeps it and subscribes for the change event.5let terms = cx.new(|_| {6    Checkbox::new()7        .label("Accept terms and conditions")8        .description("By clicking this checkbox, you agree.")9});1011cx.subscribe(&terms, |view, _, event: &CheckboxChangeEvent, cx| {12    view.accepted = event.checked;13    cx.notify();14});1516div().child(terms)

1Checkbox                  entity — box + optional Field label/description2├── box                   16px rounded square; checked -> primary fill + ✓ mark3│                                               indeterminate -> fill + — dash4├── label                 .label(..) — clicks on it toggle the box5├── description           .description(..) — xs muted helper text6├── state                 Unchecked | Checked | Indeterminate7├── invalid               .invalid(true) — red border + label (isInvalid)8├── disabled              .disabled(true) — dimmed, unfocusable, inert9└── emits                 CheckboxChangeEvent { checked } on toggle

1// Select-all pattern: rows emit CheckboxChangeEvent, the host2// recomputes the header checkbox — all Checked, none Unchecked,3// otherwise Indeterminate. Clicking the header drives every row.4let header = cx.new(|_| Checkbox::new());56for row in &rows {7    let header = header.clone();8    cx.subscribe(row, move |demo, _, _ev, cx| {9        let states: Vec<CheckboxState> =10            demo.rows.iter().map(|r| r.read(cx).state).collect();11        let st = if all_checked(&states) {12            CheckboxState::Checked13        } else if none_checked(&states) {14            CheckboxState::Unchecked15        } else {16            CheckboxState::Indeterminate17        };18        header.update(cx, |h, cx| h.set_state(st, cx));19    });20}2122cx.subscribe(&header, move |demo, _, ev: &CheckboxChangeEvent, cx| {23    for row in &demo.rows {24        row.update(cx, |c, cx| c.set_state(25            if ev.checked { Checked } else { Unchecked }, cx));26    }27});