freeform-checkbox-example.twig

{% set checkboxFieldClasses =
  "form-checkbox w-5 h-5 text-green-500" %}
  
{% if field.type == "checkbox_group" %}
{% set fieldClass = checkboxFieldClasses %}

<div class="mb-2">
  {% include 'forms/_default/_partials/_label.twig' %}

  {{ field.oneLine ? '<div class="flex flex-wrap">'|raw }}
  {% for index, option in field.options %}
    <div class="px-3 mb-1">
      <input type="checkbox"
             name="{{ field.handle }}[]"
             value="{{ option.value }}"
             id="{{ field.idAttribute }}-{{ index }}"
             class="{{ fieldClass }} {{ field.hasErrors ? " border-red-500" }}"
        {{ option.checked ? "checked" : "" }}
      />
      <label class="ml-1 text-sm" for="{{ field.idAttribute }}-{{ index }}">
        {{ option.label|t|raw }}
      </label>
    </div>
  {% endfor %}
  {{ field.oneLine ? "</div>"|raw }}

  {{ field.renderInstructions() }}
  {% include 'forms/_default/_partials/_error.twig' %}
</div>