Components

Spinner

Spinners are used to notify users that their action is being processed. For loading states, spinners should only be used for content that can’t be represented with skeleton loading components, like for data charts. We use the excellent SVG loaders lib for spinners.

Spinner on button

<!-- Adding a spinner to a button -->
<button class="btn-light">
  <span id="spinner" class="htmx-indicator h-4 w-4 mr-1">
        <img src="{% static 'vendor/svg-loaders/spinning-circles-black.svg' %}" />
   </span>
  <span>Save</span>
 </button>