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.

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?

Revision created