Typesafe [PhotoSwipe](https://github.com/dimsemenov/PhotoSwipe)-based React wrapper component.
npm install photoswipe-reactTypesafe PhotoSwipe-based React wrapper component.
This is inspired by react-photoswipe and reworked.
``bashNPM
npm install photoswipe-react
Basic Usage
$3
Style file combining photoswipe's Core CSS file and Skin CSS filejavascript
import 'photoswipe-react/dist/photoswipe.css'
`$3
tsx
import React, { useState } from 'react'
import PhotoSwipe, { PhotoSwipeOptions } from 'photoswipe-react'
import 'photoswipe-react/photoswipe.css'const items = [
{
src: 'https://placekitten.com/600/400',
w: 600,
h: 400
},
{
src: 'https://placekitten.com/1200/900',
w: 1200,
h: 900
}
]
const options: PhotoSwipeOptions = {}
const App: React.FC = () => {
const [isOpen, setIsOpen] = useState(false)
const onToggle = () => setIsOpen((isOpen) => !isOpen)
const onClose = () => setIsOpen(false)
return (
)
}
``