Newly Potted Mandrakes

    just-a-throbber

    1.0.8 • Public • Published

    Just A Throbber

    Want a way to show the user that important stuff is being done and they should wait? Looking for something simple and lightweight? This is it.

    • zero dependencies
    • just css and html
    • overlay automatically added to dim the background and prevent clicking on other things
    • easy to get started with and use
    • drop it at the root of your app and you're able to show and hide it from any place without updating state

    Installation

    npm install --save just-a-throbber
    

    Usage

    import React, { Fragment } from 'react';
    import JustAThobber from 'just-a-throbber';
    
    ReactDOM.render(
    	<Fragment>
    		<JustAThobber throbberType='ropePull' />
    		<App />
    	</Fragment>,
    	document.getElementById('root')
    );

    then just some simple javascript to call or hide it as you need it:

    document.getElementById('JAT-container').style.display = 'block';
    API.search(data).then((data) => {
    	document.getElementById('JAT-container').style.display = 'none';
    
    	//other awesome code here
    });
    throbberType
    ropePull alt text
    theBeat alt text
    wackyWaffles alt text
    sunflower alt text
    dogChasingTail alt text
    rightRoundBaby alt text

    Install

    npm i just-a-throbber

    DownloadsWeekly Downloads

    21

    Version

    1.0.8

    License

    GPL-3.0-or-later

    Unpacked Size

    17.4 kB

    Total Files

    3

    Last publish

    Collaborators

    • meberhardt