Activity Indicator

An activity indicator shows that a task or process is progressing (shown to the right with text labels). There are two types of activity indicators – one is used when a portion of the content is loading and the other is used when the entire page needs to be refreshed.

Activity Indicator

Activity Indicator used with a Toast component

Activity Indicator

Activity Indicator used when signing in


Specs

Color and Usage:

  • Background fill: White (#FFFFFF)
  • Activity Indicator: 27 tall
  • Activity Indicator: 27 wide

Activity Indicator with redlines Activity Indicator without redlines

Redlines with Activity Indicator