Checkbox#

import { Checkbox } from '@sigx/terminal';

/** @jsxImportSource @sigx/terminal */
import { component, defineApp, signal, Checkbox } from '@sigx/terminal';

const App = component(() => {
    const agreed = signal(false);
    return () => (
        <box border="single" label="Terms">
            <Checkbox
                model={() => agreed}
                label="I agree"
                autofocus
                onChange={(v) => console.log('agreed:', v)}
            />
            <br />
            <text>{agreed.value ? 'Thank you!' : 'Please accept to continue.'}</text>
        </box>
    );
});

defineApp(<App />).mount({ clearConsole: true });