Lightbox Demo

By default you only have to provide `images` prop which is an array of HTMLImageAttributes with `src` prop required

Code example

const images = [
	{
		src:
			'https://images.unsplash.com/photo-1590157678696-a5151f512cbe?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2251&q=80',
	},
	{
		src:
			'https://images.unsplash.com/photo-1587613990174-1f14ba3be7cb?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80',
	},
	{
		src:
			'https://images.unsplash.com/photo-1590114025443-530951ab7702?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=975&q=80',
	},
];

<Lightbox images={images} />

Disabling backdrop

You can pass every prop from Dialog component from MUI. Use `hideBackdrop` prop to disable backdrop.