Loading
Used as a placeholder for a component while a query is fetched
Last updated
Was this helpful?
No Code
Used as a placeholder for a component while a query is fetched
Last updated
Was this helpful?
React supports the usage of placeholders in components, especially useful in SPA with lazy loading, where apps are being rendered only when the user accesses a path or screen. Uncodie will create a Loading placeholder every time a query is being fetched.
Use the loading component to facilitate the usage of loading placeholders, the lading component is 100% compatible with Uncodie Figma to Code animations and transitions, so you can create a general loading UI for your app or select individual loading placeholders for each query and screen in your app.
You need to set a query to a component to get a loading behavior from Uncodie
You need to create a component of that Node or element to select the component as a target
Use the loading component, to personalize the loading component created by Uncodie that is shown every time a component is fetching its data on a query.
Bind your desired values to a component with the Uncodie Plugin
Create your placeholder design
Optionally create an animation for your placeholder
Select your placeholder and set a Loading component as the type
Leave the target unset to replace all loaders in your app with your placeholder design
Compile and publish your project
Use the loading component to animate the data fetch for a table, or feed, and improve the UX and layout of your app.
Bind your desired values to a component with the Uncodie Plugin
Create your placeholder design
Optionally create an animation for your placeholder
Select your placeholder and setup a Loading component as the type
Select the target component for your placeholder
Compile and publish your project