A skeleton loader is a placeholder UI element that displays a loading animation while content is being fetched from the server. It provides visual feedback to users, indicating that data is loading, by showing a shimmer animation on skeleton lines that match the shape of the content being loaded.Documentation Index
Fetch the complete documentation index at: https://docs.qonto.com/llms.txt
Use this file to discover all available pages before exploring further.
Default Styling
By default, the Skeleton Loader uses Qonto’s branding:
Customization Options
The Skeleton Loader can be customized using the following CSS variables:| CSS Variable | Description & Accepted Values |
|---|---|
--qonto-embed-skeleton-border-radius | Accepts any valid border-radius value (e.g., 4px, 50%, 8px). Controls the border radius of the skeleton line. |
There are some aspects of the loader skeleton that can’t be customized. For
example, it uses a shimmer animation and shows a neutral color (grayscale)
that are designed to work well in most of the scenarios.
Example
This example shows a customized Skeleton Loader with different border radius: