Captions

Captions at the bottom of the slide can be displayed with the "captions" array input. Fill it with Angular components.

import { Component } from "@angular/core";
import { FsLightbox } from "fslightbox-angular";
import { CaptionComponent } from "./CaptionComponent";
import { AnotherCaptionComponent } from "./AnotherCaptionComponent";

@Component({
	selector: 'app-root',
	imports: [FsLightbox],
	template: `<div>
		<fslightbox 
			[toggler]="toggler"
			[sources]="['Images/1.jpg', 'Images/2.jpg']"
			[captions]="captions"
		/>
	</div>`
})
export class App {
	toggler = false;
	captions = [
		CaptionComponent,
		{
			component: AnotherCaptionComponent,
			inputs: {
				title: 'An Example Title'
			}
		}
	];
}