Skip to content
<hrc />

@hrc/spinner

Simple spinner components for your React app

Demo generated with code from Usage section

Installation

Terminal window
npm install @hrc/spinner

Usage

import {
  BarsBounceSpinner,
  BladeSpinner,
  ChaseSpinner,
  CubeGridSpinner,
  DualCubeSpinner,
  GrowingEllipsisSpinner,
  RippleSpinner,
} from "@hrc/spinner";


export function PackageDemo() {
  return (
    <>
      <BarsBounceSpinner size="large" />
      <BladeSpinner color="primary" />
      <ChaseSpinner color="secondary" size="small" />
      <CubeGridSpinner color="error" speed="fast" />
      <DualCubeSpinner color="info" />
      <GrowingEllipsisSpinner color="warning" speed="slow" />
      <RippleSpinner color="success" size="large" />
    </>
  );
}

Demos

For examples and details on the usage of the components, see the demo pages:

API

See documentation below for reference to all of the props, classes and CSS variables (custom properties) available for spinner components: