react-loader-spinnerのサンプル

react-loader-spinnerで利用できる全ローダーを一覧表示しました。自分用メモ。
https://www.npmjs.com/package/react-loader-spinner

import {
  Audio,
  BallTriangle,
  Bars,
  Circles,
  CirclesWithBar,
  Grid as LoadGrid,
  Hearts,
  InfinitySpin,
  LineWave,
  MutatingDots,
  Oval,
  Puff,
  RevolvingDot,
  Rings,
  RotatingSquare,
  RotatingLines,
  TailSpin,
  ThreeCircles,
  ThreeDots,
  Triangle,
  Watch,
  FallingLines,
  Vortex,
  RotatingTriangles,
  Radio,
  ProgressBar,
  MagnifyingGlass,
  FidgetSpinner,
  DNA,
  Discuss,
  ColorRing,
  Comment,
  Blocks,
  Hourglass
} from 'react-loader-spinner'
            
          <Box className={"Test"}>
            <Audio/>
            <BallTriangle/>
            <Bars/>
            <Circles/>
            <CirclesWithBar/>
            <LoadGrid/>
            <Hearts/>
            <InfinitySpin/>
            <LineWave/>
            <MutatingDots/>
            <Oval/>
            <Puff/>
            <RevolvingDot/>
            <Rings/>
            <RotatingSquare/>
            <RotatingLines/>
            <TailSpin/>
            <ThreeCircles/>
            <ThreeDots/>
            <Triangle/>
            <Watch/>
            <FallingLines/>
            <Vortex/>
            <RotatingTriangles/>
            <Radio/>
            <ProgressBar/>
            <MagnifyingGlass/>
            <FidgetSpinner/>
            <DNA/>
            <Discuss/>
            <ColorRing/>
            <Comment/>
            <Blocks/>
            <Hourglass/>
        </Box>