Loader

A loader is an animated element that indicates to users that a process or action is in progress, such as loading content, submitting a form, or processing data.

Base Components

Overview

A loader indicates that a process or action is in progress.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2FGl3138LYJ71TKOZEC0F8nJ%2FShipfaster-UI---v2.7.1-(LIVE)%3Fnode-id%3D273-102036%26t%3DpA8X0YmO6d7F2SMU-1

When should you use them?

Use loaders to inform users that they need to wait for a process to complete, preventing confusion and improving the perceived performance of the application.

How should you use them?

  • Use simple and non-distracting animations.
  • Provide a fallback message or indicator for users with disabilities.
  • Ensure the loader is visible and clearly indicates progress.
  • Avoid using loaders for actions that complete almost instantly.
  • Use loaders consistently across the application.
Previous

No previous post
Up next

No next post