export all of sam's loaders

Author: Agney

example/index.tsx

@@ -1,7 +1,7 @@
 import 'react-app-polyfill/ie11';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import { useLoading, LoaderProvider, BallTriangle } from '../.';
+import { useLoading, LoaderProvider, TailSpin } from '../.';
 
 const App = () => {
   const { containerProps, indicatorEl } = useLoading({
@@ -11,7 +11,7 @@ const App = () => {
 };
 
 ReactDOM.render(
-  <LoaderProvider indicator={<BallTriangle />}>
+  <LoaderProvider indicator={<TailSpin stroke="red" />}>
     <App />
   </LoaderProvider>,
   document.getElementById('root')

src/index.tsx

@@ -4,3 +4,13 @@ export { LoaderProvider } from './LoaderContext';
 // Loaders
 export { default as Audio } from './svg-loaders/audio.svg';
 export { default as BallTriangle } from './svg-loaders/ball-triangle.svg';
+export { default as Bars } from './svg-loaders/bars.svg';
+export { default as Circles } from './svg-loaders/circles.svg';
+export { default as Grid } from './svg-loaders/grid.svg';
+export { default as Hearts } from './svg-loaders/hearts.svg';
+export { default as Oval } from './svg-loaders/oval.svg';
+export { default as Puff } from './svg-loaders/puff.svg';
+export { default as Rings } from './svg-loaders/rings.svg';
+export { default as SpinningCircles } from './svg-loaders/spinning-circles.svg';
+export { default as TailSpin } from './svg-loaders/tail-spin.svg';
+export { default as ThreeDots } from './svg-loaders/three-dots.svg';