mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
54 lines
2.0 KiB
TypeScript
54 lines
2.0 KiB
TypeScript
import Spinner = require('react-spinkit');
|
|
import * as React from 'react';
|
|
|
|
// Examples taken from http://kyleamathews.github.io/react-spinkit/
|
|
const spinners = [
|
|
// Basic spinners
|
|
<Spinner name="three-bounce" />,
|
|
<Spinner name="double-bounce" />,
|
|
<Spinner name="rotating-plane" />,
|
|
<Spinner name="folding-cube" />,
|
|
<Spinner name="wave" />,
|
|
<Spinner name="wandering-cubes" />,
|
|
<Spinner name="pulse" />,
|
|
<Spinner name="chasing-dots" />,
|
|
<Spinner name="circle" />,
|
|
<Spinner name="cube-grid" />,
|
|
<Spinner name="wordpress" />,
|
|
|
|
// 'loaders.css' spinners
|
|
<Spinner name="ball-grid-beat" />,
|
|
<Spinner name="ball-grid-pulse" />,
|
|
<Spinner name="line-spin-fade-loader" />,
|
|
<Spinner name="ball-spin-fade-loader" />,
|
|
<Spinner name="ball-pulse-rise" />,
|
|
<Spinner name="line-scale" />,
|
|
<Spinner name="line-scale-pulse-out" />,
|
|
<Spinner name="line-scale-pulse-out-rapid" />,
|
|
<Spinner name="line-scale-party" />,
|
|
<Spinner name="ball-triangle-path" />,
|
|
<Spinner name="ball-scale-ripple-multiple" />,
|
|
<Spinner name="ball-pulse-sync" />,
|
|
<Spinner name="ball-beat" />,
|
|
<Spinner name="ball-scale-multiple" />,
|
|
<Spinner name="ball-zig-zag" />,
|
|
<Spinner name="ball-zig-zag-deflect" />,
|
|
<Spinner name="ball-clip-rotate" />,
|
|
<Spinner name="ball-clip-rotate-pulse" />,
|
|
<Spinner name="ball-clip-rotate-multiple" />,
|
|
<Spinner name="ball-scale-ripple" />,
|
|
<Spinner name="triangle-skew-spin" />,
|
|
<Spinner name="pacman" />,
|
|
|
|
// Spinner options
|
|
<Spinner name="wordpress" fadeIn="full"/>,
|
|
<Spinner name="wordpress" fadeIn="half"/>,
|
|
<Spinner name="wordpress" fadeIn="quarter"/>,
|
|
<Spinner name="wordpress" fadeIn="none"/>,
|
|
<Spinner name="wordpress" color="#F00" />,
|
|
<Spinner name="wordpress" color="green" />,
|
|
<Spinner name="wordpress" overrideSpinnerClassName="my-class-to-override" />,
|
|
<Spinner name="wordpress" className="my-class" />,
|
|
<Spinner name="wordpress" style={{ margin: '0 auto' }} />,
|
|
];
|