boundless-image
Advanced tools
Comparing version 1.0.2 to 1.0.3
@@ -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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
75120
145