Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

boundless-image

Package Overview
Dependencies
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

boundless-image - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

2

demo/index.js

@@ -37,3 +37,3 @@ import React from 'react';

src={`http://deelay.me/5000/http://igcdn-photos-g-a.akamaihd.net/hphotos-ak-xfa1/t51.2885-15/11244434_646274218842534_532892887_n.jpg?${this.state.delayed}`}
alt='A beachscape.' />
alt='An aerial shot of a snow-covered forest.' />
<Button onPressed={this.remountImage.bind(this, 'delayed')}

@@ -40,0 +40,0 @@ style={{marginTop: '1rem'}}>

{
"name": "boundless-image",
"version": "1.0.2",
"version": "1.0.3",
"description": "An image block with placeholder support for loading and fallback scenarios.",

@@ -25,6 +25,6 @@ "main": "build/index.js",

},
"homepage": "http://boundless.js.org/#/Image",
"homepage": "http://boundless.js.org/Image",
"dependencies": {
"boundless-utils-omit-keys": "^1.0.2",
"boundless-utils-uuid": "^1.0.2",
"boundless-utils-omit-keys": "^1.0.3",
"boundless-utils-uuid": "^1.0.3",
"classnames": "^2.1.5"

@@ -31,0 +31,0 @@ },

<!---
THIS IS AN AUTOGENERATED FILE. EDIT INDEX.JS INSTEAD.
THIS IS AN AUTOGENERATED FILE. EDIT PACKAGES/BOUNDLESS-IMAGE/INDEX.JS INSTEAD.
-->

@@ -8,7 +8,15 @@ # Image

## Example Usage
## Installation
```bash
npm i boundless-image --save
```
Then use it like:
```jsx
import React from 'react';
import Button from '../../boundless-button/index';
import Image from '../index';
import Button from 'boundless-button';
import Image from 'boundless-image';

@@ -47,3 +55,3 @@ export default class ImageDemo extends React.PureComponent {

src={`http://deelay.me/5000/http://igcdn-photos-g-a.akamaihd.net/hphotos-ak-xfa1/t51.2885-15/11244434_646274218842534_532892887_n.jpg?${this.state.delayed}`}
alt='A beachscape.' />
alt='An aerial shot of a snow-covered forest.' />
<Button onPressed={this.remountImage.bind(this, 'delayed')}

@@ -71,9 +79,23 @@ style={{marginTop: '1rem'}}>

}
```
Image can also just be directly used from the main [Boundless library](https://www.npmjs.com/package/boundless). This is recommended when you're getting started to avoid maintaining the package versions of several components:
```bash
npm i boundless --save
```
the ES6 `import` statement then becomes like:
```js
import { Image } from 'boundless';
```
## Props
> Note: only top-level props are in the README, for the full list check out the [website](http://boundless.js.org/#/Image).
> Note: only top-level props are in the README, for the full list check out the [website](http://boundless.js.org/Image).

@@ -80,0 +102,0 @@ ### Required Props

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc