How to use captions?

[jkinley]

Any chance you can provide a simple example of how to use captions? It would be nice if the demo had an example.

[browniebroke]

Good point. It's a bit tricky to get a real caption in the demo as I'm sourcing the images from the filesystem, so I just have to work with files, and I don't have meta data attached to them. But we could get something like the filename to show how to do it.

For a more real world example, I'm using this library on one of my website where the images are coming from DatoCMS. I'm able to grab the caption for each image directly in the GraphQL query as you can see here. The website is open source, and if you want to play with it, the data is publicly readable.

Basically, each object in the array passed as images prop has a caption field which is used in the lightbox component.

You can see it in action by clicking on the second image on this page, the caption is on the bottom left corner: https://www.carriere-alla.fr/photos/voutes/

[github-actions]

🎉 This issue has been resolved in version 3.5.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀