Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

React component for loading animations

NotificationsYou must be signed in to change notification settings

fakiolinho/react-loading

Repository files navigation

Build StatusCoverage Status

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

Installation

npm i react-loading

or

yarn add react-loading

Demo

Checkhere

Loading Types

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

Examples

importReactfrom'react';importReactLoadingfrom'react-loading';constExample=({ type, color})=>(<ReactLoadingtype={type}color={color}height={667}width={375}/>);exportdefaultExample;
importReactfrom'react';importReactLoadingfrom'react-loading';constExample=({ type, color})=>(<ReactLoadingtype={type}color={color}height={'20%'}width={'20%'}/>);exportdefaultExample;

Props

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

License

MIT

About

React component for loading animations

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors9

[8]ページ先頭
©2009-2025 Movatter.jp