Adding Custom Description

[LDevISBX]

Hi I am having trouble adding custom description with the react-photo-view
I can't see a sample having the same result

[MinJieLiu]

Can you describe it in detail

[surushTodzhibekov]

why there is no example explaining how to add custom description. I want to implement custom description but cannot find any example.

[liliakai]

Use the overlayRender attribute in PhotoProvider, but also you need to style the output as an overlay. Here is an example using tailwind.css classes:

<PhotoProvider
   overlayRender={ ({ images, index }) => {
     const className = `
       absolute left-0 bottom-0 p-2 w-full min-h-24
       text-xs text-slate-300 z-50 bg-black/50
     `;
     return (
       <div className={className}>
         { "custom description" }
       </div>
     );
   }}
>
...