Loader

Also known as: Spinner, Activity indicator

Preview

Resources

Properties

PropertyValuesDefault
Size Variant2Xs | Xs | Sm | Md | LgMd

When to use

When an action is processing and the user is waiting for a result (e.g., submitting a form or loading new content).
When the duration is unknown, and progress can’t be measured.
When progress can be tracked or estimated, use a progress instead.
When the delay is too short to be noticeable, instant updates feel smoother.
When it disrupts the flow unnecessarily, use placeholder instead.