1.0.0 • Published 8 months ago

@acrool/react-block v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

Acrool React Block

NPM npm npm

npm downloads npm

Features

  • Supports queue block list
  • Plug and unplug using @acrool/react-portal and framer-motion

Install

yarn add framer-motion @acrool/react-block

in your packages. (Make the version of styled-component you use match the version of styled-component used in acrool-react-gird)

"resolutions": {
    "framer-motion": "^11.x"
}

Usage

add in your index.tsx

import "@acrool/react-block/dist/index.css";

add in your App.tsx

import {BlockPortal} from "@acrool/react-block";

const App = () => {
    return (
        <div>
            <BaseUsed/>
            <BlockPortal
                isVisibleQueueKey={false}
                loader={<Loader/>}
                defaultMessage="Loading..."
            />
        </div>
    );
};

then in your page

import {block} from '@acrool/react-block';
import {useEffect} from "react";

const Example = () => {

    useEffect(() => {
        block.show();
        
        setTimeout(() => {
            block.hide();
        }, 3000)
    }, []);

    return (
        <div>
            sample page
        </div>
    );
};
  • block.show
  • block.hide

There is also a example that you can play with it:

Play react-editext-example

License

MIT © Acrool & Imagine

1.0.0

8 months ago

0.0.8

8 months ago

0.0.8-alpha.4

9 months ago

0.0.8-alpha.3

9 months ago

0.0.8-alpha.2

9 months ago

0.0.8-alpha.1

9 months ago

0.0.8-alpha.0

9 months ago

0.0.7

9 months ago

0.0.7-alpha.0

9 months ago

0.0.6

10 months ago

0.0.6-alpha.2

11 months ago

0.0.6-alpha.1

11 months ago

0.0.6-alpha.0

11 months ago

0.0.5

11 months ago

0.0.4

11 months ago

0.0.4-alpha.2

11 months ago

0.0.4-alpha.1

11 months ago

0.0.3

12 months ago

0.0.3-alpha.3

12 months ago

0.0.3-alpha.2

12 months ago

0.0.3-alpha.0

12 months ago

0.0.2

12 months ago

0.0.2-alpha.16

12 months ago