A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://yet-another-react-lightbox.com/examples/custom-slides below:

Custom Slides | Yet Another React Lightbox

Yet Another React Lightbox Custom Slides

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