Popularity
2.7
Growing
Activity
6.7
-
182
4
10
Monthly Downloads: 0
Programming language: CSS
License: MIT License
react-intense alternatives and similar libraries
Based on the "Photo / Image" category.
Alternatively, view react-intense alternatives based on common mentions on social networks and blogs.
-
react-images
🌄 A mobile-friendly, highly customizable, carousel component for displaying media in ReactJS -
-
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
Promo
surveyjs.io
Do you think we are missing an alternative of react-intense or a related project?
README
react-intense
This component is a port of Intense Image Viewer for use with React.
Demo.
Usage
Simply replace your <img> element with a <ReactIntense> component:
import ReactIntense from 'react-intense'
...
<ReactIntense src='img.jpg' />
Optional Props
| Name | Type | Description |
|---|---|---|
| title | string | Renders in corner in maximized view. |
| caption | string | Renders below title in maximized view. |
| trigger | Component | Option to override the thumbnail image as the trigger to maximize the image. Passed onClick as prop to trigger maximized view. |
| vertical | boolean | Images lock to scrolling either horizontally (default) or vertically. |
| moveSpeed | number | How fast to scroll images when following mouse. |
| loader | string | The class for the loading animation that shows when the image is being loaded for maximized view. Default is in loader.css. |
Styling
Feel free to use and/or customize the provided styles in lib/ReactIntense.css.
Issues
If you find any issues with this component, please report them!