Loading
The Loading element displays a progress indicator or spinner to represent ongoing operations.
It supports both determinate (with a measurable progress value) and indeterminate (continuous spinning) modes.
Color, size, and spacing can be customized to fit the app's visual design.
| Field Name | Type | Default Value | Description |
|---|---|---|---|
| Name | String | {name} | Internal unique identifier. |
| Color | Color | {color} | Primary color of the loading indicator. |
| SecondaryColor | Color | {secondaryColor} | Secondary or background color for the loading indicator. |
| Size | Number | 0 | Size or diameter of the loading spinner. |
| Margin | Number | 20 | Outer spacing around the loading element. |
| MarginLine | Number | 10 | Vertical spacing relative to other elements. |
| Max | Number | 100 | Maximum value for progress (if determinate). |
| Progress | Number | 0 | Current progress value (for determinate loading). |
| Indeterminate | Boolean | true | If true, the loading spinner runs continuously without showing progress. |
🔗 Additional Resources
To learn how to build this same element using JSON coding, visit:
Develop the Loading with JSON