Spinner

Spinner indicates a progress of an action that can't be measured or estimated.

#

#

Extra small

Small

Medium (Default)

Large

Slow

Normal

Fast

#

#

  • When action is expected to finish quickly, in about 5 seconds max.
  • When you need to display an indication of a progress immediately after user performs an action.

#

  • If action was performed in the past, prior to user loading the current page, use a progress bar.
  • If action is expected to run for a long time, use a progress bar.

#

Inherits margin props.

NameDefaultDescription
size"md""xs" | "sm" | "md" | "lg"

Spinner size.

speed"normal""slow" | "normal" | "fast"

Spinner speed.

On this page

  • Example
  • Usage
  • Guidelines
  • When to use
  • When not to use
  • Props