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

This is a pass through component from React-Bootstrap, see original props documentation here.

  • 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-ora221.13.11
frontend-app-account22.10.04
frontend-app-admin-portal21.13.125
frontend-app-authn22.10.03
frontend-app-communications22.7.01
frontend-app-course-authoring22.8.111
frontend-app-discussions22.7.011
frontend-app-enterprise-public-catalog21.13.13
frontend-app-learner-dashboard22.9.01
frontend-app-learner-portal-enterprise21.13.13
frontend-app-learning22.10.04
frontend-app-library-authoring21.11.31
frontend-app-ora-grading21.11.33
frontend-app-publisher21.13.12
frontend-app-support-tools21.13.11
frontend-component-header-edx21.13.11
frontend-lib-special-exams22.7.02
prospectus20.46.24