react-loader-spinner
- Version 8.0.0
- Published
- 1.62 MB
- 2 dependencies
- MIT license
Install
npm i react-loader-spinneryarn add react-loader-spinnerpnpm add react-loader-spinnerOverview
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
- Audio
- BallTriangle
- Bars
- Blocks
- Circles
- CirclesWithBar
- CircularProgress
- ColorRing
- Comment
- Discuss
- DNA
- FallingLines
- FidgetSpinner
- Grid
- Hearts
- Hourglass
- InfinitySpin
- LineWave
- MagnifyingGlass
- MutatingDots
- Oval
- ProgressBar
- Puff
- Radio
- RevolvingDot
- Rings
- RotatingLines
- RotatingSquare
- RotatingTriangles
- TailSpin
- ThreeCircles
- ThreeDots
- Triangle
- Vortex
- Watch
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)
- dist/audio.d.ts
- dist/ball-triangle.d.ts
- dist/bars.d.ts
- dist/blocks.d.ts
- dist/circles-with-bar.d.ts
- dist/circles.d.ts
- dist/circular-progress.d.ts
- dist/color-ring.d.ts
- dist/comment.d.ts
- dist/discuss.d.ts
- dist/dna.d.ts
- dist/falling-lines.d.ts
- dist/fidget-spinner.d.ts
- dist/grid.d.ts
- dist/hearts.d.ts
- dist/hourglass.d.ts
- dist/index.d.ts
- dist/infinity-spin.d.ts
- dist/line-wave.d.ts
- dist/magnifying-glass.d.ts
- dist/mutating-dots.d.ts
- dist/oval.d.ts
- dist/progress-bar.d.ts
- dist/puff.d.ts
- dist/radio.d.ts
- dist/revolving-dot.d.ts
- dist/rings.d.ts
- dist/rotating-lines.d.ts
- dist/rotating-square.d.ts
- dist/rotating-triangles.d.ts
- dist/tail-spin.d.ts
- dist/three-circles.d.ts
- dist/three-dots.d.ts
- dist/triangle.d.ts
- dist/vortex.d.ts
- dist/watch.d.ts
Dependencies (2)
Dev Dependencies (37)
- @docusaurus/core
- @docusaurus/plugin-content-docs
- @docusaurus/preset-classic
- @docusaurus/theme-live-codeblock
- @docusaurus/tsconfig
- @docusaurus/types
- @eslint/js
- @mdx-js/react
- @testing-library/jest-dom
- @testing-library/react
- @types/jest
- @types/lodash
- @types/node
- @types/styled-components
- @types/tinycolor2
- @typescript-eslint/eslint-plugin
- @typescript-eslint/parser
- clsx
- eslint
- eslint-plugin-n
- eslint-plugin-promise
- eslint-plugin-react
- eslint-plugin-tree-shaking
- jest
- jest-environment-jsdom
- lodash
- prettier
- prism-react-renderer
- rc-table
- react
- react-docgen-typescript
- react-dom
- react-live
- rimraf
- ts-jest
- tsup
- typescript
Peer Dependencies (2)
Badge
To add a badge like this oneto 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[](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>
- Updated .
Package analyzed in 4020 ms. - Missing or incorrect documentation? Open an issue for this package.
