{"repo":"dromru/react-photoswipe-gallery","free":true,"listed":false,"github":"https://github.com/dromru/react-photoswipe-gallery","clone":"git clone https://github.com/dromru/react-photoswipe-gallery.git","description":"🏙 React component wrapper around PhotoSwipe","language":"TypeScript","stars":578,"topics":["photoswipe","react","gallery","lightbox","typescript","react-photoswipe"],"license":"MIT","category":"api-integrations-sdks","readme_excerpt":"react-photoswipe-gallery A configurable and flexible React component wrapper around PhotoSwipe. \\ \\ ℹ️ Current version of react-photoswipe-gallery is compatible with PhotoSwipe v5. \\ If you need PhotoSwipe v4, use react-photoswipe-gallery v1. Basic Usage Demo Check out the Storybook to see it in action 🚀 Stories are written as real-world examples, so you can see them at the bottom of Storybook UI in the Story tab. Or browse the source code on GitHub. It covers most of the use-cases and provides examples for configuration options. Installation or Hash Navigation You should pass a unique id prop to component, to enable hash navigation. Optionally, you can also pass the id to component. Otherwise, the index will be used. Example Captions If you want to add captions to your slides, you need to pass withCaption prop to the and pass caption prop to each . If caption isn't provided - it will use alt prop. Example Plugins You can use native PhotoSwipe plugins with plugins prop. It accepts the function in which you should register all of your plugins, providing pswpLightbox to the plugin constructor. Example for photoswipe-dynamic-caption-plugin: Example Custom UI Elements You can add custom UI elements to PhotoSwipe with uiElements prop. It accepts an array of configuration objects for custom UI elements. Example Custom slide content You can add your own custom slide content with content and html props. Example Data source You can pass slides data to Photoswipe not only via Item com","default_branch":null,"files":null,"tree":[],"storefront":"/r/dromru","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/dromru/react-photoswipe-gallery/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}