Description
For transparency, it's important for users to understand when AI is working in the background. These AI loader components use the Ai gradient to visually indicate that an AI-powered process is in progress.
AI loader: Spinner
AI loader: bar
AI loader: stars
- To view animated versions of these components, see the Motion tab.
- For more information on when and how to use different loaders, see the Waiting state documentation.
Examples
AI loader: stars examples
Copilot panel example
Dialog example
AI loader: spinner example
Loading insights example