Loading Spinner

Loading Spinner

Default

Retro-styled animated progress bar for loading states.

Loading...

      <.loading_spinner />
    
Custom Text

Loading spinner with custom status text.

Loading messages...

      <.loading_spinner text="Loading messages..." />
    
Sizes

Small, default, and large size variants.

Small
Default
Large

      <.loading_spinner size="sm" text="Small" />
      <.loading_spinner size="default" text="Default" />
      <.loading_spinner size="lg" text="Large" />
    
With Action

Loading spinner with a retry button passed as inner block.

Connection timed out

      <.loading_spinner text="Connection timed out">
      <.button variant="outline" size="sm">
      <:icon><Icons.icon_retry /></:icon>
      Retry
      </.button>
      </.loading_spinner>
    
Help
Help Topics GitHub License (MIT)
6 objects
Help Topics
GitHub License (MIT)