Skip to content

trendmicro-frontend/react-loader

Repository files navigation

react-loader build status Coverage Status

NPM

React Loader

Demo: https://trendmicro-frontend.github.io/react-loader

Installation

  1. Install the latest version of react and react-loader:
npm install --save react @trendmicro/react-loader
  1. At this point you can import @trendmicro/react-loader and its styles in your application as follows:
import Loader from '@trendmicro/react-loader';

// Be sure to include styles at some point, probably during your bootstraping
import '@trendmicro/react-loader/dist/react-loader.css';

Usage

<Loader
    className="component"
>
    GitHub
</Loader>

Loader Sizes

<Loader size="lg" />
<Loader size="large" />
<Loader size="md" />
<Loader size="medium" />
<Loader size="sm" />
<Loader size="small" />

Loader with button

<Button disabled>
    <Loader size="small" />
    Uploading
</Button>
<Button btnStyle="primary" disabled>
    <Loader size="small" />
    Uploading
</Button>

Loader overlay

<Loader size="lg" overlay={true} />

License

MIT