Catalog npm
Back to packageRELEASE DETAILS

1.0.2

npm

2r-image

2R library image component implemented in React

imagereactreact-imagereact-image-component
Published22 Aug 2015
Direct dependencies19
Transitive dependenciesNot calculated

README

Current package documentation

2r-image

2R library image component implemented in React.

Instalation

2r-image is available as an npm package. Simply run npm install 2r-image command.

To use it in your project:

import image from '2r-image'; // ES6 syntax
var image = require('2r-image'); // ES5 syntax

Usage & API

The following props can be passed to the component:

  • src (String, required): the url of the image

  • width (Number): width of the image (defaults to 'auto')

  • height (Number): height of the image (defaults to 'auto')

  • alt (String): the value of the alt attribute (defaults to '')

  • classes (String): a string of multiple classes, separated by space (defaults to '')

Examples

There is an examples folder inside the project with a minimum config. Steps to run:

  • Clone the project and

  • Run npm install

  • Run gulp examples

  • Navigate to http://localhost:5000

License

This software is released under the terms of WTFPL v2.0 license.

Downloads & popularity

Awaiting observations

No metric observations yet

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

Declared dependencies 19

Native requirements
19 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^0.13.3runtime
babelify
Environment
{
  "local_name": "babelify",
  "alias": false,
  "peer_metadata": null
}
^6.1.3development
browserify
Environment
{
  "local_name": "browserify",
  "alias": false,
  "peer_metadata": null
}
^11.0.1development
classnames
Environment
{
  "local_name": "classnames",
  "alias": false,
  "peer_metadata": null
}
^2.1.3development
gulp
Environment
{
  "local_name": "gulp",
  "alias": false,
  "peer_metadata": null
}
^3.9.0development
gulp-babel
Environment
{
  "local_name": "gulp-babel",
  "alias": false,
  "peer_metadata": null
}
^5.2.0development
gulp-connect
Environment
{
  "local_name": "gulp-connect",
  "alias": false,
  "peer_metadata": null
}
^2.2.0development
gulp-uglify
Environment
{
  "local_name": "gulp-uglify",
  "alias": false,
  "peer_metadata": null
}
^1.2.0development
jasmine-core
Environment
{
  "local_name": "jasmine-core",
  "alias": false,
  "peer_metadata": null
}
^2.3.4development
karma
Environment
{
  "local_name": "karma",
  "alias": false,
  "peer_metadata": null
}
^0.13.9development
karma-browserify
Environment
{
  "local_name": "karma-browserify",
  "alias": false,
  "peer_metadata": null
}
^4.3.0development
karma-chrome-launcher
Environment
{
  "local_name": "karma-chrome-launcher",
  "alias": false,
  "peer_metadata": null
}
^0.2.0development
karma-firefox-launcher
Environment
{
  "local_name": "karma-firefox-launcher",
  "alias": false,
  "peer_metadata": null
}
^0.1.6development
karma-jasmine
Environment
{
  "local_name": "karma-jasmine",
  "alias": false,
  "peer_metadata": null
}
^0.3.6development
karma-phantomjs-launcher
Environment
{
  "local_name": "karma-phantomjs-launcher",
  "alias": false,
  "peer_metadata": null
}
^0.2.1development
karma-safari-launcher
Environment
{
  "local_name": "karma-safari-launcher",
  "alias": false,
  "peer_metadata": null
}
^0.1.1development
phantomjs
Environment
{
  "local_name": "phantomjs",
  "alias": false,
  "peer_metadata": null
}
^1.9.18development
phantomjs-polyfill
Environment
{
  "local_name": "phantomjs-polyfill",
  "alias": false,
  "peer_metadata": null
}
0.0.1development
vinyl-source-stream
Environment
{
  "local_name": "vinyl-source-stream",
  "alias": false,
  "peer_metadata": null
}
^1.1.0development

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "92eb72562c5598e66a56bbff88ef8a88131f9901",
  "tarball": "https://registry.npmjs.org/2r-image/-/2r-image-1.0.2.tgz",
  "integrity": "sha512-8Z+N+6XASggFoDVWKaL10OhOA0rGBq28XoXdoy2FAxoJ9k2ODr99epwItzIUqFGCbSYXKe+4aC/mV4jd7xNlmQ==",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQDPb+h+85N5cYcpqosoeriayMGX5sAXMrPyfct6MSVn4AIgIUd2fo9H9eCvIBglLfRHtZC3MDGbZi8tD5nf4HEfG5g="
    }
  ]
}

Repository

PENDING
vladzelinschi/2r-image

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 19:18 UTC

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

Record identity

package_version:746121f3a3bbbc411f28ae076a723f63ae8d836d70104d7ba8440ae5257ea42a

Other collected versions

1.0.31 Sept1.0.122 Aug1.0.022 AugView all collected versions →