React preloading components
npm install --save react-preloading-component
`
Usage
Here is a quick example using the `` component to get you started:
`javascript
import React from 'react';
import { render } from 'react-dom';
import { Wave } from 'react-preloading-component';
const App = () => (
);
render( , document.querySelector('#app'));
`
$3
#### ``
`javascript
color="#FF4601" // Default hex color (string)
size="40" // Default Size in px (number)
/>
`
#### ``
`javascript
color="#FF4601" // Default hex color (string)
size="20" // Default Size in px (number)
/>
`
#### ``
`javascript
color="#FF4601" // Default hex color (string)
size="10" // Default Size in px (number)
/>
`
#### ``
`javascript
color="#FF4601" // Default hex color (string)
size="20" // Default Size in px (number)
/>
`
#### ``
`javascript
color="#FF4601" // Default hex color (string)
size="40" // Default Size in px (number)
/>
`
#### ``
`javascript
color="#FF4601" // Default hex color (string)
size="30" // Default Size in px (number)
/>
`
#### ``
`javascript
color="#FF4601" // Default hex color (string)
size="10" // Default Size in px (number)
/>
`
#### ``
`javascript
background="#EEEEEE" // Default hex background color (string)
color="#FF4601" // Default hex color (string)
speed="12s" // Default speed of bar (string)
/>
`
#### ``
`javascript
color="#FF4601" // Default hex color (string)
size="10" // Default Size in px (number)
/>
`
#### ``
`javascript
color="#FF4601" // Default hex color (string)
size="25" // Default Size in px (number)
/>
`
#### ``
`javascript
color="#FF4601" // Default hex color (string)
secondaryColor="#E6E6E6" // Default hex color of ring (string)
size="40" // Default Size in px (number)
/>
`
#### ``
`javascript
color="#FF4601" // Default hex color (string)
fontSize="1.5em" // Default font size (string)
text="Loading" // Default text (string)
/>
`
#### ``
`javascript
color="#FF4601" // Default hex color (string)
size="40" // Default Size in px (number)
/>
`
#### ``
`javascript
color="#FF4601" // Default hex color (string)
size="40" // Default Size in px (number)
/>
`
#### ``
`javascript
color="#FF4601" // Default hex color (string)
size="12" // Default Size in px (number)
/>
`
Contributing
1. Fork the repo on GitHub
2. Clone the project to your own machine
3. Add your component and Update the `README.md``