Integration
You can integrate the Loader in another component or use it as a building block of a more complex functionality.
The Loader provides approaches for integration in the following components:
Loader in a Button
The following example demonstrates how to integrate the Loader in a Button.
Loader in a Loading Panel
The following example demonstrates how to integrate the Loader as a building block in a loading panel.
Loader in Deferred Loading
The Loader component is ideal for conveying that the application is actively fetching or rendering content. Combine it with a Skeleton placeholder for the best user experience—the Skeleton appears instantly while no loading has started, the Loader replaces it while the data is being fetched, and the content renders after loading completes.
The following example demonstrates the Loader used in a deferred loading pattern. Click Load Grid to trigger the data fetch—the Skeleton placeholder is visible initially, the Loader appears during the simulated request, and the Grid renders when loading completes. Click Reset to return to the placeholder state.