react-loader-spinner

  • Version 8.0.0
  • Published
  • 1.62 MB
  • 2 dependencies
  • MIT license

Install

npm i react-loader-spinner
yarn add react-loader-spinner
pnpm add react-loader-spinner

Overview

react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view.

Index

Variables

variable Audio

const Audio: FunctionComponent<AudioProps>;

    variable BallTriangle

    const BallTriangle: FunctionComponent<BallTriangleProps>;

      variable Bars

      const Bars: FunctionComponent<BarsProps>;

        variable Blocks

        const Blocks: FunctionComponent<BlocksProps>;

          variable Circles

          const Circles: FunctionComponent<CirclesProps>;

            variable CirclesWithBar

            const CirclesWithBar: FunctionComponent<CirclesWithBarProps>;
            • contains two circles rotating in opposite direction and a wave bars. outer circle, inner circle and bar color can be set from props.

            variable CircularProgress

            const CircularProgress: FunctionComponent<CircularProgressProps>;

              variable ColorRing

              const ColorRing: FunctionComponent<ColorRingProps>;

                variable Comment

                const Comment: FunctionComponent<CommentProps>;

                  variable Discuss

                  const Discuss: FunctionComponent<DiscussProps>;

                    variable DNA

                    const DNA: FunctionComponent<DNAProps>;

                      variable FallingLines

                      const FallingLines: FunctionComponent<FallingLinesProps>;

                        variable FidgetSpinner

                        const FidgetSpinner: FunctionComponent<FidgetSpinnerProps>;

                          variable Grid

                          const Grid: FunctionComponent<GridProps>;

                            variable Hearts

                            const Hearts: FunctionComponent<HeartsProps>;

                              variable Hourglass

                              const Hourglass: FunctionComponent<HourglassProps>;

                                variable InfinitySpin

                                const InfinitySpin: FunctionComponent<InfinitySpinProps>;

                                  variable LineWave

                                  const LineWave: FunctionComponent<LineWaveProps>;
                                  • contains three lines in a wave motion line colors are changeable

                                  variable MagnifyingGlass

                                  const MagnifyingGlass: FunctionComponent<MagnifyingGlassProps>;

                                    variable MutatingDots

                                    const MutatingDots: FunctionComponent<MutatingDotsProps>;

                                      variable Oval

                                      const Oval: FunctionComponent<OvalProps>;

                                        variable ProgressBar

                                        const ProgressBar: FunctionComponent<ProgressBarProps>;

                                          variable Puff

                                          const Puff: FunctionComponent<PuffProps>;

                                            variable Radio

                                            const Radio: FunctionComponent<RadioProps>;

                                              variable RevolvingDot

                                              const RevolvingDot: FunctionComponent<RevolvingDotProps>;

                                                variable Rings

                                                const Rings: FunctionComponent<RingsProps>;

                                                  variable RotatingLines

                                                  const RotatingLines: FunctionComponent<RotatingLinesProps>;

                                                    variable RotatingSquare

                                                    const RotatingSquare: FunctionComponent<RotatingSquareProps>;

                                                      variable RotatingTriangles

                                                      const RotatingTriangles: FunctionComponent<RotatingTrianglesProps>;

                                                        variable TailSpin

                                                        const TailSpin: FunctionComponent<TailSpinProps>;

                                                          variable ThreeCircles

                                                          const ThreeCircles: FunctionComponent<ThreeCirclesProps>;
                                                          • contains three circles rotating in opposite direction outer circle, middle circle and inner circle color can be set from props.

                                                          variable ThreeDots

                                                          const ThreeDots: FunctionComponent<ThreeDotsProps>;

                                                            variable Triangle

                                                            const Triangle: FunctionComponent<TriangleProps>;
                                                            • Styles Ends

                                                            variable Vortex

                                                            const Vortex: FunctionComponent<VortexProps>;

                                                              variable Watch

                                                              const Watch: FunctionComponent<WatchProps>;

                                                                Package Files (36)

                                                                Dependencies (2)

                                                                Dev Dependencies (37)

                                                                Peer Dependencies (2)

                                                                Badge

                                                                To add a badge like this onejsDocs.io badgeto your package's README, use the codes available below.

                                                                You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/react-loader-spinner.

                                                                • Markdown
                                                                  [![jsDocs.io](https://img.shields.io/badge/jsDocs.io-reference-blue)](https://www.jsdocs.io/package/react-loader-spinner)
                                                                • HTML
                                                                  <a href="https://www.jsdocs.io/package/react-loader-spinner"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>