Back to packageRELEASE DETAILS

0.3.0

npm

7c-react-loader

Loader for ReactJS components

Published28 Apr 2018

Direct dependencies8

Transitive dependenciesNot calculated

README

Current package documentation

7c-react-loader

Simple “loader” library for ReactJS. Makes beautiful, animated loader.

Installation

Install by npm/yarn with 7c-react-loader

npm install 7c-react-loader --save

yarn add 7c-react-loader

Basic usage

import Loader from '7c-react-loader';

<Loader active={true}>
    <div>Lorem ipsum</div>
</Loader>

Properties

Prop name	Is required	Type of value	Description	Default value
active	YES	boolean	Loader should be shown. For 'true' CSS classes defined in className prop will be added to element	-
children	NO	element	Content to render	-
activeClassName	NO	Any type accepted by classNames	CSS classes that will be added to element when it is active	"7c-react-loader-active"
delay	NO	integer	Delayed defined in milliseconds after with CSS classes will be applied to element	0
disabledClassName	NO	Any type accepted by classNames	CSS classes that will be added to element when it isn't active (is disabled)	"7c-react-loader-disabled"
tag	NO	string or function	Tag of component	div

Usage

CSS classes (default: "7c-react-loader-active") will be applied to element immediately. Children props will be rendered regardless of that.

<Loader active={true}>
    ...
</Loader>

CSS classes will be applied to after 500 milliseconds.

<Loader active={true} delay={500}>
   ...

CSS class "loader-active" will be applied to after 500 milliseconds. Otherwise will be applied "loader-disabled" CSS class. element will be rendered as "span".

<Loader active={true} activeClassName="loader-active" disabledClassName="loader-disabled" tag="span" delay={500}>
   ...

Dependencies

7c-react-loader requires:

React >= 16.3.2
classNames >= 2.2.5

License

MIT License

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 8

Native requirements

8 direct targetsNot calculated transitive count

Package / target	Requirement	Relationship
classnames Environment { "local_name": "classnames", "alias": false, "peer_metadata": null }	`^2.2.5`	runtime
react Environment { "local_name": "react", "alias": false, "peer_metadata": null }	`^16.3.2`	runtime
babel-cli Environment { "local_name": "babel-cli", "alias": false, "peer_metadata": null }	`^6.26.0`	development
babel-core Environment { "local_name": "babel-core", "alias": false, "peer_metadata": null }	`^6.26.0`	development
babel-loader Environment { "local_name": "babel-loader", "alias": false, "peer_metadata": null }	`^7.1.4`	development
babel-preset-env Environment { "local_name": "babel-preset-env", "alias": false, "peer_metadata": null }	`^1.6.1`	development
babel-preset-react Environment { "local_name": "babel-preset-react", "alias": false, "peer_metadata": null }	`^6.24.1`	development
babel-preset-stage-2 Environment { "local_name": "babel-preset-stage-2", "alias": false, "peer_metadata": null }	`^6.24.1`	development

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

{
  "integrity": "sha512-YvxuMsbzCCsy6G9z1+PccvfMuRTq/xf1amfpiIQCRWf3dyYsoALB5cLmEGSktoPjoJeft0iXjN6qTv+UVtgSZw==",
  "shasum": "3473881647e34e0ae451bc1a1ef94e739ada6623",
  "tarball": "https://registry.npmjs.org/7c-react-loader/-/7c-react-loader-0.3.0.tgz",
  "fileCount": 6,
  "unpackedSize": 15586,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa5NXhCRA9TVsSAnZWagAAWHYP/1mTWhxBElF7/IJkSpUd\n4bRIszL+QHjiPC3g0FZgCPAYcuPIUE95Le18gq8FDfuj6fMcJkchG5mjKYzG\nr4T+VBwCg9K2Fi8Xl3cZMZSR9nnN6+QtNgHhxYDxIGMpEowAxQgWTnwE24Z2\nFJ58D5x4DuhDjI6bNncYVlKtLHt8gP0Kt1jAQNo0bdImtzHO0QAU252GGUlM\nkss7yiXO9LU1AbNb2cCHN95ocpEoAnE4DyOPV3cM/G9it7RjvFQv1dmAwtSu\nijVfdxDqZJxV6wixYYnJL2lri6H7H2pNv7IEgAmZxYowAl/RZiomi4Uaf05Y\nJye+YXL81WGPsV0lrYBI1E/9ZkMuq2Lbls/HLoOdELuwUF06iuLme5xxEQZx\nka70+EuWDjKeLz78rOWybxmLRBJufHbo+fnSswp5GTbnouu5YDljYUMguJOG\nn6O/iGTpr/tWUCEC+HBsroDYW02UK/G+pNbsRuP1s2BCcHctddrmCU0Woxo/\npVAeqDlPGfhka4hfApkTLQEg1cl5N09iTTBCywkn3r6/XZWbWDj6gtm+o5es\nD6ygiC/3e+nMQVc1iARinv2pjkeoVl1gHyX9G62qd9/BxECfOVc8+HI8peKA\neOD6RZ26ev9dGCVUERCAceDGvkImDCu3Q8wZuhfchybEmAXcYsC2ZvF+BWXw\nHgMQ\r\n=gLDR\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEYCIQC72hEwoDcK9mXj0qXGzcB4ivANSR0caDjjhGztopLLeQIhAKzH8FocvYA7FO0qC2K8a+M5vnF9Sb1GuRvZtCK96fDa"
    }
  ]
}

Repository

PENDING

mparulski/7c-react-loader

Shared repository data · GitHub

License detected in repository: Not collected

Metadata history

Meaningful changes

Current collected state Current

Observed since 20 Oct, 21:07 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:392a42dc68beaa10e907d25bc0ee166bc65639338eb6879e092d5550b2c5f36c

Other collected versions

0.2.025 Apr 0.1.120 Apr View all collected versions →