Component · Feedback

Spinner

an indeterminate loading indicator. inherits currentColor inside buttons; sized variants add the accent.

Example

Playground

size 
 
 
 
Where available
 
 
 ✓ React 
 ✓ Angular 
 ✓ Web Components 
 ✓ Blazor 
 ✓ Tokens 
 
 
Using it
 
the same component, named idiomatically per target. one CSS contract underneath, so they render identically.
 
 
 
TargetReferencePackage
  
 React <Spinner> @design-foundry/lucent-react 
 Angular <lucent-spinner> @design-foundry/lucent 
 Web Components <lucent-spinner> @design-foundry/lucent-wc 
 Blazor <LucentSpinner> DesignFoundry.Lucent 
  
 
  
API
 
 
 
PropTypeDefaultDescription
  
 size sm | md | lg md diameter. 
 label string Loading accessible name (role=status).