<div style="display:grid;gap:16px">
<.checkbox field={Field::named("signup[terms]", "true")} label="Accept terms and conditions" />
<.checkbox field={Field::named("settings[notifications]", "false")} label="Enable notifications" description="You can turn these off at any time." />
<.checkbox field={Field::named("bulk[all]", "false")} label="Select all (some selected)" indeterminate />
<.checkbox field={Field { errors: vec!["must be accepted".to_owned()], ..Field::named("signup[adult]", "false") }} label="I am over 18" />
<.checkbox field={Field::named("settings[updates]", "false")} label="Disabled" disabled />
</div>