Checkbox

<label class="checkbox-field">
  <input class="checkbox" type="checkbox" />
  <span class="checkbox-field__text">Accept terms</span>
</label>

{% import "macros/ui.njk" as ui %}

{{ ui.checkbox("Accept terms") }}
{{ ui.checkbox("Receive updates", true) }}
{{ ui.checkbox("Partially selected", false, false, "indeterminate") }}
{{ ui.checkbox("Disabled option", false, true) }}

import { Checkbox } from "ui-foundations/react";

<Checkbox label="Accept terms" />
<Checkbox defaultChecked label="Receive updates" />
<Checkbox indeterminate label="Partially selected" />
<Checkbox disabled label="Disabled option" />