Spinner

Spinner component for loading indicators.

Basic Usage

<%= ui.spinner size: 8 %>
<%= ui.spinner %>
<%= ui.spinner size: 4 %>

You can use the spinner in a turbo frame to indicate that the frame is busy loading content.

<%= turbo_frame_tag :ui_spinner, spinner: true do %>
  <!-- Your content here -->
<% end %>

Every time the turbo frame is `busy`, the spinner will be displayed. Once the content is loaded, the spinner will disappear.