Gallery

A responsive thumbnail grid.

import { BuiGallery } from 'ng-blatui';

<bui-gallery [images]="images" [columns]="3" />

API reference

Prop	Type	Default	Description
`images`	`readonly (string \| GalleryImage)[]`	`[]`	Images to display, given as URLs or `GalleryImage` objects.
`columns`	`number`	`3`	Number of grid columns (1-6).
`rounded`	`string`	`'rounded-lg'`	Tailwind class controlling thumbnail corner rounding.

GalleryImage

Field	Type	Description
`src`	`string`	Image source URL.
`alt`?	`string`	Alternative text for the image.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.