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.