Regular Buttons

{% include 'django_spire/button/primary_button.html' with button_text='Primary' x_button_click='delay()' %}

{% include 'django_spire/button/secondary_button.html' with button_text='Secondary' x_button_click='delay()' %}

{% include 'django_spire/button/accent_button.html' with button_text='Accent' x_button_click='delay()' %}

{% include 'django_spire/button/success_button.html' with button_text='Success' x_button_click='delay()' %}

{% include 'django_spire/button/warning_button.html' with button_text='Warning' x_button_click='delay()' %}

{% include 'django_spire/button/danger_button.html' with button_text='Danger' x_button_click='delay()' %}

Dark Buttons

{% include 'django_spire/button/primary_dark_button.html' with button_text='Primary Dark' x_button_click='delay()' %}

{% include 'django_spire/button/secondary_dark_button.html' with button_text='Secondary Dark' x_button_click='delay()' %}

{% include 'django_spire/button/accent_dark_button.html' with button_text='Accent Dark' x_button_click='delay()' %}

{% include 'django_spire/button/success_dark_button.html' with button_text='Success Dark' x_button_click='delay()' %}

{% include 'django_spire/button/warning_dark_button.html' with button_text='Warning Dark' x_button_click='delay()' %}

{% include 'django_spire/button/danger_dark_button.html' with button_text='Danger Dark' x_button_click='delay()' %}

Outlined Buttons

{% include 'django_spire/button/primary_outlined_button.html' with button_text='Primary Outlined' x_button_click='delay()' %}

{% include 'django_spire/button/primary_dark_outlined_button.html' with button_text='Primary Dark Outlined' x_button_click='delay()' %}

{% include 'django_spire/button/secondary_outlined_button.html' with button_text='Secondary Outlined' x_button_click='delay()' %}

{% include 'django_spire/button/accent_outlined_button.html' with button_text='Accent Outlined' x_button_click='delay()' %}

{% include 'django_spire/button/success_outlined_button.html' with button_text='Success Outlined' x_button_click='delay()' %}

{% include 'django_spire/button/warning_outlined_button.html' with button_text='Warning Outlined' x_button_click='delay()' %}

{% include 'django_spire/button/danger_outlined_button.html' with button_text='Danger Outlined' x_button_click='delay()' %}

Buttons with Icons

{% include 'django_spire/button/primary_button.html' with button_text='Primary with Icon' button_icon='bi bi-plus' x_button_click='delay()' %}

{% include 'django_spire/button/secondary_button.html' with button_text='Secondary with Icon' button_icon='bi bi-pencil' x_button_click='delay()' %}

{% include 'django_spire/button/accent_button.html' with button_text='Accent with Icon' button_icon='bi bi-star' x_button_click='delay()' %}

{% include 'django_spire/button/success_button.html' with button_text='Success with Icon' button_icon='bi bi-check' x_button_click='delay()' %}

{% include 'django_spire/button/warning_button.html' with button_text='Warning with Icon' button_icon='bi bi-exclamation-triangle' x_button_click='delay()' %}

{% include 'django_spire/button/danger_button.html' with button_text='Danger with Icon' button_icon='bi bi-trash' x_button_click='delay()' %}

Layer Buttons

{% include 'django_spire/button/base_button.html' with button_text='Layer One' button_class='btn-app-layer-one' x_button_click='delay()' %}

{% include 'django_spire/button/base_button.html' with button_text='Layer Two' button_class='btn-app-layer-two' x_button_click='delay()' %}

{% include 'django_spire/button/base_button.html' with button_text='Layer Three' button_class='btn-app-layer-three' x_button_click='delay()' %}

{% include 'django_spire/button/base_button.html' with button_text='Layer Four' button_class='btn-app-layer-four' x_button_click='delay()' %}

Alternate Layer Buttons

{% include 'django_spire/button/base_button.html' with button_text='Alt Layer One' button_class='btn-app-alt-layer-one' x_button_click='delay()' %}

{% include 'django_spire/button/base_button.html' with button_text='Alt Layer Two' button_class='btn-app-alt-layer-two' x_button_click='delay()' %}

{% include 'django_spire/button/base_button.html' with button_text='Alt Layer Three' button_class='btn-app-alt-layer-three' x_button_click='delay()' %}

{% include 'django_spire/button/base_button.html' with button_text='Alt Layer Four' button_class='btn-app-alt-layer-four' x_button_click='delay()' %}

Slide to Submit

{% include 'django_spire/button/slide_button.html' %}