Loading Animation

This article describes the Loading Animation component and all of its properties.

A Loading Animation component applies a visual cue to a project or application to indicate when any particular calculation or transition is occurring behind the scenes.

Select Loading Animation from the Data Visualization category of the component library. Move the mouse over the canvas and click to add a loading animation component to your project:

Loading Animation Properties

The Loading Animation properties consist of LAYOUT & POSITION, STYLING, and DYNAMIC VISIBILITY drawers. This guide will not describe the Layout & Positioning or Dynamic Visibility properties as these are generic to each visible component. Here you can find separate guides on Layout & Positioning and Dynamic Visibility


STYLING

These properties apply to the styling options of the Loading Animation component.

  • Animation Style - expand the dropdown to select an animation style

    • Spinner

    • Dribble

    • Side-step

    • Roadway

    • Inchworm

    • Rain

    • Square Dance

    • Shuffle

    • Firework

Start from top-left: Spinner, Dribble, Side-step, Roadway, Inchworm, Rain, Square Dance, Shuffel, Firework
  • Fill - a property to change the color of the loading animation component

  • Opacity - a property to control the opacity of the loading animation component

  • Block mouse events - check this property to disable any mouse events from triggering underneath the component when it is visible on the canvas.

Last updated

Was this helpful?