<drayman-checkbox />

Checkbox powered by Angular Material library.

export const component: DraymanComponent = async ({ forceUpdate }) => {

    let checked = false;

    const onValueChange = async ({ value }) => {
        checked = value;
        await forceUpdate();
    }

    return () => {
        return (
            <drayman-checkbox
                value={checked}
                label={checked ? `Uncheck me!` : `Check me!`}
                onValueChange={onValueChange}
            />
        );
    }
}