2.0.2 • Published 8 years ago

react-uikit-img v2.0.2

Weekly downloads
3
License
MIT
Repository
github
Last release
8 years ago

#React UIkit Img

Easily create responsive images.

See http://otissv.github.io/react-uikit-components/ for docs.

##Usage The master branch has been updated to React 15. To use with React 0.14 checkout 0.14 branch.

UIkit css is not included. You can get it from getuikit.com

###Installation Easily create responsive images.

npm install react-uikit-img --save;

// ES6
import Img from 'react-uikit-img';

// ES5
var Img = require('react-uikit-img').default;

###Example

<Img width='300px' height='200px' src='docs/images/placeholder_200x150_2.svg' />

<Img
  small={{height: '150px', src: 'docs/images/placeholder_200x150_1.svg'} }
  medium={{height: '250px', src: 'docs/images/placeholder_200x150_2.svg'} }
  large={{height: '350px', src: 'docs/images/placeholder_200x150_3.svg'} }
  xlarge={{height: '450px', src: 'docs/images/placeholder_200x150_4.svg'} }
/>

##Tests

npm run testto run tests with minimal output.
npm run test:spec to run tests with detailed output.
npm run test:watch watches all directories and run tests with minimal output on file changes.

##Build npm run build to build files fro distribution.
npm run build:watch watches src directory and builds files on changes.

##Lint npm run lint lints scripts in src directory.
npm run lint:watch watches src directory and lints scripts in src directory.

##License MIT