Developer Docs - Helix - Loading Indicator

HTMX has a sophisticated and well considered loading indicator pattern. See their documentation for all of the details. Below are a couple of prebuilt patterns to help you get started.

The image paths below are for when using Helix with Rock v18 or later. If you are using the plugin version of Helix, the paths will be /Plugins/tech_triumph/LavaHelix/Assets/Spinners/...

Adding Indicator To Buttons

One great way to show that progress is to add a loading indicator to the button that triggered the event. Below is a pattern for doing just that.

    Save
    

Notes:

Adding Larger Indicators

Want to make more of a statement? Check-out the spinners at Loading.io. These can easily be integrated into your application. Below is a sample of what can be done.

Here's the code for this example.

{[ panel title:'Register' ]}

    
    
        

            
        
    
        
        
        

            First Name
            

                
            
        
        
        

            Last Name
            

                
            
        
        
        Save
        
    
    
    


{[ endpanel ]}