Simple Customizable React Spinner Component

NPM / GitHub

A Customizable React Spinner/Loader component with ability to add your custom .SVG spinner for your project. Below are instructions of how to install and configure the component.

Install:

npm install mtm-spinner

Import:

import Spinner from 'mtm-spinner';

Use (default props):

<Spinner
    textVisible = {true}
    spinnerVisible = {true}
    loaderTitle = {'Loading...'}
    position = "center" | "left" | "right"
    fontSize = "16px"
    fontFamily = "inherit"
    fontColor = "black"
    spinnerWidth = "20px"
    spinnerHeight = "20px"
    margin = "0px"
    padding = "1em 0 1em 0"
    spinner = {customSVG}
    rotationTime = '1s'
    rotationSteps = '8'
    animationLength = 'infinite'
/>

Enjoy 🚀