Nothing Particularly Magnificent

    react-text-spinners
    TypeScript icon, indicating that this package has built-in type declarations

    2.0.1 • Public • Published

    react-text-spinners

    This package wraps up text-spinners as an installable React component. View the examples here.

    NPM

    Version 2 uses a peer dependency of React 17 instead of React 16.

    Install

    npm install --save react-text-spinners

    Usage

    import React, { useEffect, useState } from "react";
    
    import Spinner from "react-text-spinners";
    
    export default function Example() {
        const [isLoading, setIsLoading] = useState(true);
        const [message, setMessage] = useState("");
    
        useEffect(() => {
            // this simulates the time it takes to make a web request
            setTimeout(() => {
                setMessage("hello world");
                setIsLoading(false);
            }, 1000);
        }, []);
    
        return (
            <div>{isLoading ? <Spinner theme="dots2" /> : <p>{message}</p>}</div>
        );
    }

    You can customize the output with additional props:

    <Spinner theme="dots2" color="teal" size="5rem" title="Alternate hover text" />

    Examples

    To run the examples locally, clone this repo and run the following commands in your terminal:

    $ npm install
    $ npm run examples:serve
    

    Then open http://localhost:1234/ in a browser.

    License

    MIT © j127

    Install

    npm i react-text-spinners

    DownloadsWeekly Downloads

    5

    Version

    2.0.1

    License

    MIT

    Unpacked Size

    12.9 kB

    Total Files

    5

    Last publish

    Collaborators

    • j127