-
Notifications
You must be signed in to change notification settings - Fork 166
Open
Description
react-image-magnify/example/src/components/ReactSlick.js
Lines 60 to 92 in ff834d0
| <ReactSlick | |
| {...{ | |
| dots: true, | |
| infinite: true, | |
| speed: 500, | |
| slidesToShow: 1, | |
| slidesToScroll: 1 | |
| }} | |
| {...rsProps} | |
| > | |
| {dataSource.map((src, index) => ( | |
| <div key={index}> | |
| <ReactImageMagnify | |
| {...{ | |
| smallImage: { | |
| alt: 'Wristwatch by Versace', | |
| isFluidWidth: true, | |
| src: src.small, | |
| srcSet: src.srcSet, | |
| sizes: '(max-width: 480px) 100vw, (max-width: 1200px) 30vw, 360px' | |
| }, | |
| largeImage: { | |
| src: src.large, | |
| width: 1426, | |
| height: 2000 | |
| }, | |
| lensStyle: { backgroundColor: 'rgba(0,0,0,.6)' } | |
| }} | |
| {...rimProps} | |
| /> | |
| </div> | |
| ))} | |
| </ReactSlick> |
Warning: Lens: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.

Metadata
Metadata
Assignees
Labels
No labels