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.