{% load static tailwind_tags %} {% load nexui_tags %} Formulaire HTMX {% tailwind_css %}
{% button label="Envoyer" type="submit" class="bg-yellow-500 text-black"%}
{% csrf_token %} {% button label="Envoyer avec HTMX classique" type="submit" class="bg-green-500 hover:bg-green-300 hover:text-black text-white" %}
{% csrf_token %} {% button label="HTMX intégrer" type="submit" class="bg-green-500 hover:bg-green-300 hover:text-black text-white" %}
{% csrf_token %} {%button label="Dynamique url params" type="submit" class="bg-green-500 text-white" url_name="update-user" url_params="2, tomate" attrs='hx-confirm="Are you okay ?" hx-target="#result" hx-swap="innerHTML"'%}
{% button%} {%button class='text-yellow-300'%} {% button label="Dyn url params" type="submit" class="bg-green-500 text-white" url_name="update-user" url_params="2, tomate" attrs='hx-confirm="Are you okay ?" hx-target="#result" hx-swap="innerHTML"' %} {% button label="Dyn url params 4" type="submit" class="bg-pink-500 hover:bg-pink-300 text-white" url_name="update-user" url_params="4, tomate" attrs="hx-confirm='Are you okay ?' hx-target='#result' hx-swap='innerHTML'" %} {% button label="Envoyer" type="submit" class="extra bg-blue-500 text-white px-4 py-2 rounded" attrs='id="submit-button!" title="Cliquez pour envoyer" data-custom="valeur" style="font-weight:bold;"' %} {%button label='alerte' attrs='onclick="alert(\'Bouton cliqué!\')"'%} {% button label="Envoyer moi" type="submit" class="bg-green-500 text-white" url_name="update-user" url_params="4, tomate" %} {% button label="Disabled" disabled="true" %} {% button label="Télécharger" class="bg-green-500" icon="⬇️" icon_position="left" icon_size="lg" %} {% button label="Supprimer" class="bg-red-500" icon="🗑" icon_position="right" %} {% button label="Supprimer" class="bg-red-500" icon="😂" icon_position="right" %}
{% button label="Éditer" icon="fa-solid fa-pen" icon_type="fa" %} {% button label="Facebook" icon="fa-brands fa-facebook" icon_color="#FFFFFFFF" icon_type="fa" %} {% button label="Facebook" icon="fa-brands fa-facebook-f" icon_color="#FFFFFFFF" icon_type="fa" %} {% button label="Étoile" icon="9733" icon_type="unicode" %} {% button label="At Symbol" icon="@" icon_type="unicode" %} {# Dans votre template HTML #} {% button label="Favori" icon="fa-solid fa-star" icon_type="fa" icon_color="#FFD43B" icon_position='right' class="bg-blue-500" %} {% button label="Email" icon="@" icon_type="unicode" icon_position='right' class="bg-yellow-500" %} {% button label="Phone" icon="128241" icon_type="unicode" icon_position='right' class="bg-green-500" %} {% button label="Phone" icon="9743" icon_type="unicode" icon_position='right' class="bg-green-500" %} {% button label="Envoyer" icon="fa-solid fa-paper-plane" icon_type="fa" icon_position='right' class='bg-pink-500 text-green-600' %}