Skip to content

Repository files navigation

rc-image


React Image.

NPM versionCircleCI statusTest coverageDependenciesDevDependenciesnpm downloadbundle size

Feature

  • Placeholder
  • Preview
  • Rotate
  • Zoom
  • Fallback

Keyboard

install

rc-image

Usage

npm install
npm start
constImage=require('rc-image');ReactDOM.render(<Imagesrc="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"/>),document.getElementById('root'));

API

NameTypeDefaultDescription
previewbooleantrueWhether to show preview
prefixClsstringrc-imageClassname prefix
placeholderboolean | ReactElement-if true will set default placeholder or use ReactElement set customize placeholder
fallbackstring-Load failed src
onPreviewClosefunction(e)-Preview close callback
previewPrefixClsstringrc-image-previewPreview classname prefix

Example

http://localhost:8003/examples/

Test Case

npm test

Coverage

npm run coverage

License

rc-image is released under the MIT license.

About

🖼 React Image Component

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages