@trendmicro/react-loader

Trend Micro Components: React Loader

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@trendmicro/react-loader
200.6.15 years ago6 years agoMinified + gzip package size for @trendmicro/react-loader in KB

Readme

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:

```js 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