Example of adding Django CSRF token in an page that POSTs using intercooler.

intercooler.html

    {% extends "custom_base.html" %}

    {% block content %}

        <form id="defaults" >
            <input name="csrfmiddlewaretoken" type="hidden" value="{{ csrf_token }}">
        </form>

        <table>
            {% for row in items %}
                <tr>
                    <td>{{ row.item }}</td>
                    <td>{{ row.category }}</td>
                    <td><button ic-include="#defaults" ic-post-to="/api/{{ row.row_type }}/{{ row.id }}/action1/">Action 1</button></td>
                    <td><button ic-include="#defaults" ic-post-to="/api/{{ row.row_type }}/{{ row.id }}/action2/">Action 2</button></td>
                    <td><button ic-include="#defaults" ic-post-to="/api/{{ row.row_type }}/{{ row.id }}/action3/">Action 3</button></td>
                </tr>
            {% endfor %}
        </table>
    {% endblock %}

    {% block scripts %}
        {{ block.super }}
        <script src="{% static 'js/vendor/intercooler-0.2.0.min.js' %}"></script>
    {% endblock %}

Thank you from the future - IntercoolerJS should totally add this on their site..

Thanks Andy. This saved me time too!

Rather than adding ic-include on every element, you could also add an ic-global-include on the csrf input element.

e.g. :

<input name="csrfmiddlewaretoken" type="hidden" value="{{ csrf_token }}" id="csrf" ic-global-include="#csrf">

Docs: https://intercoolerjs.org/attributes/ic-global-include.html