{% load static tailwind_tags %} {% load nexui_tags %} Formulaire HTMX {% tailwind_css %}

Create an account

Enter your email below to create your account

{# Boutons OAuth #}
{% button label="GitHub" button_class="w-full border border-gray-300 bg-white hover:bg-gray-50" icon="fa-brands fa-github fa-lg" icon_type="fa" icon_position="left" %} {% button label="Google" button_class="w-full border border-gray-300 bg-white hover:bg-gray-50" icon="fa-brands fa-google fa-lg" icon_type="fa" icon_position="left" %}
{# Séparateur #}
OR CONTINUE WITH
{# Champ Email #} {% input_field type="email" name="register_email" label="Email" placeholder="nexui@example.com" container_class="mb-4" input_class="h-10" icon="fa-solid fa-envelope" icon_type="fa" required="true" %} {# Champ Password #} {% input_field type="password" name="register_password" label="Password" container_class="mb-6" input_class="h-10" icon="fa-solid fa-lock" icon_type="fa" required="true" %} {# Bouton de création de compte #} {% button label="Create account" type="submit" button_class="w-full bg-gray-900 text-white hover:bg-gray-800" %}

Login

Welcome back! Please enter your details

{# Boutons OAuth #}
{% button label="GitHub" button_class="w-full border border-gray-300 bg-white hover:bg-gray-50" icon="fa-brands fa-github fa-lg" icon_type="fa" icon_position="left" %} {% button label="Google" button_class="w-full border border-gray-300 bg-white hover:bg-gray-50" icon="fa-brands fa-google fa-lg" icon_type="fa" icon_position="left" %}
{# Séparateur #}
OR CONTINUE WITH
{# Champ Email #} {% input_field type="email" name="login_email" label="Email" placeholder="nexui@example.com" container_class="mb-4 " input_class="h-10" required="true" icon="fa-solid fa-envelope" icon_type="fa" %} {# Champ Password #} {% input_field type="password" name="login_password" label="Password" container_class="mb-2" input_class="h-10" required="true" icon="fa-solid fa-lock" icon_type="fa" %} {# Forgot password link #} {# Bouton de connexion #} {% button label="Sign in" type="submit" button_class="w-full bg-gray-900 text-white hover:bg-gray-800" %}