2.0.3 • Published 7 years ago

react-loading v2.0.3

Weekly downloads
38,568
License
MIT
Repository
github
Last release
7 years ago

react-loading

Build Status Coverage Status

Easy to use loading animations for React projects. Uses SVG animations from Brent Jackson's loading project.

Installation

npm i react-loading

or

yarn add react-loading

Demo

Check here

Loading Types

  • blank
  • balls
  • bars
  • bubbles
  • cubes
  • cylon
  • spin
  • spinningBubbles
  • spokes

Examples

import React from 'react';
import ReactLoading from 'react-loading';

const Example = ({ type, color }) => (
	<ReactLoading type={type} color={color} height={667} width={375} />
);

export default Example;
import React from 'react';
import ReactLoading from 'react-loading';

const Example = ({ type, color }) => (
	<ReactLoading type={type} color={color} height={'20%'} width={'20%'} />
);

export default Example;

Props

NameTypeDefault Value
typeStringballs
colorString#ffffff
delayNumber0 (msecs)
heightNumber or String64 (px)
widthNumber or String64 (px)
classNameString''

License

MIT

@bidalgo/ui-kitkryptokrona-desktop-wallet@follett/common-uisop-cdmmir-chat-entity-managertm-leitfreetronic@crecemas/react-componentesgraasp-insights@mkunak/crm-components@blackswap/uikitmzcaa-videomzcaaa-videomzcaaaa-videojfj-videorn-web-ui-testjfmzc-videoamaurycoudrcomponentslvyue-mobile1cv-app-payment-adyenpcari-design@botui/chat-componentsintegrador-hgfpayproduction-engineiamatestforgraaspui@infinitebrahmanuniverse/nolb-react-lorharuow-admin@everything-registry/sub-chunk-2565@grupomayo/events-template000tegcommerce-adminteluthiscar-next-appvr-challenge-dsvslr-component-library@cubone/react-file-manager@directsourcing/direct-ui@demobook/serverkana-widgetju-weiju-wei-pdfju-wei-pdf-devjobhop-storybookjoyn-react-componentskawsarjahan-component-librarykampanye-sdkmm-videomzc-video@antoinerey/comp-VideoPlayer@any_u/core@any_ui/core@baronote/listcomponents@bidalgo-components/loading-indicator@bis0212/listcomponents@bufferapp/report@cat-org/react-middleware@cat-org/koa-react@choerodon/devops@cleverlance-enterprise-solutions/strapi-plugin-make-deploy@3lib/components3d_player3d_player1y-tpl-wapweb-gejmika-frontupload-img-qm@greg1880/react-design-system-teste@greg1990/react-design-system2@forcewin/entity-manager@forcewin/mir-chat-response-manage@hyly/global-components@idealista-seguros/design-system@icco/react-common@emdia-devs/emdia-design-system@emdia/design-system@emdia/react-design-system@furyahub-app/apps@furyahub-app/react-components@furyahub/apps@furyahubapp/apps@furyahubapp/react-components@inseefr/wilco@kung-fu-panda/project@littleorca/ferris-wheel@myfan/web-components@neo-react/wallets@nhutngo/react-web-component@ngudinhquang/question-bank@nodeeweb/front@mikojs/koa-react@mikojs/pages@mkunak/cms-components@mir-chat/entity-manager@jobhopin/coin68-ui@jobhopin/core-ui@jobhopin/ework-ui@jobhopin/jobseeker-ui@jobhopin/recruiter-ui@johnnyferreiradev/artemis-ui@kiranbandi/sask-cbme-dashboard@kiranbandi/synvisio@jsbest/async-app
2.0.3

7 years ago

2.0.2

7 years ago

2.0.1

7 years ago

2.0.0

7 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

8 years ago

1.0.2

8 years ago

1.0.1

8 years ago

1.0.0

8 years ago

0.2.2

8 years ago

0.1.4

8 years ago

0.1.3

8 years ago

0.1.2

8 years ago

0.1.1

8 years ago

0.1.0

8 years ago

0.0.9

9 years ago

0.0.8

10 years ago

0.0.7

10 years ago

0.0.6

10 years ago

0.0.5

10 years ago

0.0.4

10 years ago

0.0.3

10 years ago

0.0.2

11 years ago

0.0.1

11 years ago