Container
Text
Image
Icon
Button
Local State
Text Input
Date Picker
Conditional Logic
Conditional Switch Logic
Sheet
Tabbed Pager
Data Loader
Repeating Item
Countdown Timer
Data Transformer
Date Elements
Paging Data Loader
Rich Text
The Data Loader Component is designed to provide visual feedback to users during periods of data fetching, processing or any action that may take some time to complete. It enhances the user experience by indicating that a process is underway, preventing confusion and ensuring that users understand that their request is being handled.
Animation Options
Customisable Appearance
Flexible Integration
1. Loader
2. Component
3. On Load Action
This field allows you to define the specific action that will occur when the data is loading. To set up the action, click on the field to display the action options and select the desired action from the list. Click here to learn more about Actions.
4. Pull to refresh
5. Error type
6. Loader type
7. Display content
Keep it Simple: Use minimalist designs to avoid overwhelming users, ensuring the loader does not detract from the overall user experience.
Consistent Usage:Apply the loader uniformly across the application to create a predictable experience for users when they encounter loading states.
Avoid Overuse: Use loaders only when necessary, ensuring they convey meaningful information about ongoing processes without being distracting.