Popularity
2.7
Stable
Activity
6.7
Stable
187
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 -
-
-
-
-
-
-
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
Promo
coderabbit.ai
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!