Yet Another React Lightbox is not limited to just image slides or video slides, and you can render pretty much any supported media via custom render function.
<Lightbox
slides={[
{
type: "custom-slide",
// slide attributes
},
]}
render={{
slide: ({ slide }) =>
slide.type === "custom-slide" ? (
<MyCustomSlide slide={slide} />
) : undefined,
}}
//...
/>
Here is an example of a text slide with CSS animation.
Live Demo Sandbox Edit on StackBlitz «CarouselNext.js»RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4