{% load static tailwind_tags %} {% load nexui_tags %} Formulaire HTMX {% tailwind_css %}
{% input_field container_class="py-2 flex items-center flex-row-reverse justify-end" name="email" label="Email" icon="fas fa-envelope" icon_type="fa" icon_position="left" placeholder="Email" input_class="bg-red-100 " %} {% input_field type="password" icon="@" icon_type="unicode"%}
{% input_field container_class="py-2 " name="email" label="Email" label_class="ml-2 text-gray-700 font-bold" wrapper_class="relative" input_class=" pl-10 pr-3 py-2" icon="fas fa-envelope" icon_type="fa" icon_position="right" url_name="submit-form" attrs='hx-confirm="Are you okay ?"' %}
{% input_field container_class=" py-2 flex flex-row-reverse justify-end items-center" name="email" label="Email" label_class="ml-2 text-gray-700 font-bold" wrapper_class="relative" input_class="w-44 pl-10 pr-3 py-2 rounded-md border border-gray-300" icon="fas fa-envelope" icon_type="fa" icon_position="left" url_name="search_suggestions" attrs='hx-trigger="keyup changed delay:500ms" hx-target="#suggestions"' %}
{% 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" button_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 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" button_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" button_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" button_class="bg-green-500 text-white" url_name="update-user" url_params="4, tomate" %} {% button label="Disabled" disabled="true" %} {% button label="Télécharger" button_class="bg-green-500" icon="⬇️" icon_position="left" icon_size="lg" %} {% button label="Supprimer" button_class="bg-red-500" icon="🗑" icon_position="right" %} {% button label="Supprimer" button_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' button_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' button_class='bg-pink-500 text-green-600' %}