Custom attributes
To add custom attributes such as e.g. alt use customAttributes array prop like in example:
<FsLightbox
toggler={toggler}
sources={['img/first.jpg', 'img/second.jpg']}
customAttributes={[
{
alt: 'Example first image description'
},
{
alt: 'Example second image description',
foo: 'bar'
}
]}
/>
toggler={toggler}
sources={['img/first.jpg', 'img/second.jpg']}
customAttributes={[
{
alt: 'Example first image description'
},
{
alt: 'Example second image description',
foo: 'bar'
}
]}
/>
Lightbox will add attributes to sources:
<!-- First source -->
<img src="first.jpg" alt="Example first image description">
<!-- Second source -->
<img src="second.jpg" alt="Example second image description" foo="bar">
<img src="first.jpg" alt="Example first image description">
<!-- Second source -->
<img src="second.jpg" alt="Example second image description" foo="bar">