Theme

npm_versionnpm Paragon package page

A spinning animation that indicates loading.

This is a pass through component from React-Bootstrap.
See React-Bootstrap for documentation.

Basic Usage

Any Paragon component or export may be added to the code example.

Color Variants

Any Paragon component or export may be added to the code example.

Theme Variables (SCSS)#

$spinner-width: 2rem !default;
$spinner-height: $spinner-width !default;
$spinner-border-width: .25em !default;
$spinner-width-sm: 1rem !default;
$spinner-height-sm: $spinner-width-sm !default;
$spinner-border-width-sm: .2em !default;

Props API#

Spinner Props API
  • className string

    Specifies the class name for the component.

  • screenReaderText node

    Specifies the screen reader content for a11y.

Usage Insights#

Spinner

Project NameParagon VersionInstance Count
edx-ora220.9.21
frontend-app-account20.46.24
frontend-app-admin-portal20.39.217
frontend-app-authn20.46.22
frontend-app-communications20.46.21
frontend-app-course-authoring20.45.43
frontend-app-discussions20.44.011
frontend-app-learner-dashboard20.46.22
frontend-app-learner-portal-enterprise21.1.61
frontend-app-learning20.46.03
frontend-app-library-authoring20.46.21
frontend-app-ora-grading20.46.23
frontend-app-publisher20.46.22
frontend-app-support-tools20.46.01
frontend-component-header-edx20.46.21
frontend-lib-content-components20.45.512
frontend-lib-special-exams20.44.02
prospectus20.46.24