<label class="check">
  <input type="checkbox"
    name="delivery"
    
    checked
    >
  <span class="check-box"></span>
  Aceptar pedidos a domicilio
</label>

{% from "checkbox.jinja" import checkbox %}
{{ checkbox("Aceptar pedidos a domicilio", name="delivery", checked=True) }}

<Checkbox label="Aceptar pedidos a domicilio" name="delivery" checked />

<div class="check-group">
  <label class="check">
  <input type="checkbox"
    name="delivery"
    
    checked
    >
  <span class="check-box"></span>
  Aceptar pedidos a domicilio
</label>
  <label class="check">
  <input type="checkbox"
    name="vat"
    
    
    >
  <span class="check-box"></span>
  Mostrar precios con IVA incluido
</label>
  <label class="check">
  <input type="checkbox"
    name="discount"
    
    
    >
  <span class="check-box"></span>
  Permitir descuentos manuales
</label>
</div>

{% from "checkbox.jinja" import checkbox %}
<div class="check-group">
  {{ checkbox("Aceptar pedidos a domicilio", name="delivery", checked=True) }}
  {{ checkbox("Mostrar precios con IVA incluido", name="vat") }}
  {{ checkbox("Permitir descuentos manuales", name="discount") }}
</div>

<div class="check-group">
  <Checkbox label="Aceptar pedidos a domicilio" name="delivery" checked />
  <Checkbox label="Mostrar precios con IVA incluido" name="vat" />
  <Checkbox label="Permitir descuentos manuales" name="discount" />
</div>

<div class="check-group">
  <label class="check">
  <input type="checkbox"
    name="a"
    
    checked
    >
  <span class="check-box"></span>
  Activo
</label>
  <label class="check">
  <input type="checkbox"
    name="b"
    
    
    >
  <span class="check-box"></span>
  Sin marcar
</label>
  <label class="check">
  <input type="checkbox"
    name="c"
    
    
    disabled>
  <span class="check-box"></span>
  Deshabilitado
</label>
  <label class="check">
  <input type="checkbox"
    name="d"
    
    checked
    disabled>
  <span class="check-box"></span>
  Deshabilitado + checked
</label>
</div>

{% from "checkbox.jinja" import checkbox %}
<div class="check-group">
  {{ checkbox("Activo", name="a", checked=True) }}
  {{ checkbox("Sin marcar", name="b") }}
  {{ checkbox("Deshabilitado", name="c", disabled=True) }}
  {{ checkbox("Deshabilitado + checked", name="d", checked=True, disabled=True) }}
</div>

<div class="check-group">
  <Checkbox label="Activo" name="a" checked />
  <Checkbox label="Sin marcar" name="b" />
  <Checkbox label="Deshabilitado" name="c" disabled />
  <Checkbox label="Deshabilitado + checked" name="d" checked disabled />
</div>

<div data-signals="{ accept: false }">
  <label class="check">
  <input type="checkbox"
    name="tos"
    
    
     data-bind-accept="">
  <span class="check-box"></span>
  Acepto los términos y condiciones
</label>
  <p style="margin-top:8px;">
    Estado: <strong data-text="$accept ? 'aceptado' : 'sin aceptar'"></strong>
  </p>
</div>

{% from "checkbox.jinja" import checkbox %}
<div data-signals="{ accept: false }">
  {{ checkbox("Acepto los términos y condiciones", name="tos", attrs={"data-bind-accept": ""}) }}
  <p style="margin-top:8px;">
    Estado: <strong data-text="$accept ? 'aceptado' : 'sin aceptar'"></strong>
  </p>
</div>

<div data-signals="{ accept: false }">
  <Checkbox label="Acepto los términos y condiciones" name="tos" data-bind-accept="" />
  <p style="margin-top:8px;">
    Estado: <strong data-text="$accept ? 'aceptado' : 'sin aceptar'"></strong>
  </p>
</div>