0.1.9 • Published 2 years ago
svg-loader-react v0.1.9
svg-loader-react
Add smooth, fast loaders to your react code with ease
Installation
To install the package, run the following command: npm install svg-loader-react
Usage
To use Loader in you project
import Loader from svg-loader-react
function App(){
return(
<Loader name="Audio" />
)
}
output
Available Loaders
Name | Usage | output |
---|---|---|
Audio | <Loader name="audio"/> | |
Ball Triangle | <Loader name="balltriangle"/> | |
Bars | <Loader name="bars"/> | |
Circles | <Loader name="circles"/> | |
Grid | <Loader name="grid"/> | |
hearts | <Loader name="hearts"/> | |
oval | <Loader name="oval"/> | |
puff | <Loader name="puff"/> | |
rings | <Loader name="rings"/> | |
spinningcircle | <Loader name="spinningcircle"/> | |
tailspin | <Loader name="tailspin"/> | |
threedots | <Loader name="threedots"/> |
Options
You can pass the following options to the Loader
function:
| Name | Type | default |
| :------------: | :-------------------------------: | :--------------------------------------------: |
| width | number | 45 |
| height | number | 45 |
| color | string | 🟨 |
License
This project is licensed under the MIT License - see the LICENSE file for details.