ImageGallery
FreeGrid of thumbnails that opens a full-screen viewer (Lightbox) with previous and next buttons, the arrow keys and Escape.
Example
Parameters
ImageGallery
| Parameter | Type | Description |
|---|---|---|
Class | string | Extra CSS classes added to the root element. |
Images | IEnumerable<GalleryImage> | GalleryImage(src, alt, caption, thumbnail) items. |
MinSize | string | Smallest thumbnail width as a CSS length (default 10rem). |
Style | string | Inline style added to the root element. |
Lightbox
| Parameter | Type | Description |
|---|---|---|
Class | string | Extra CSS classes added to the root element. |
Images | IReadOnlyList<GalleryImage> | GalleryImage(src, alt, caption, thumbnail) items. |
Index | int | Index of the shown image. Use with @bind-Index. |
Open | bool | Whether the viewer is shown. Use with @bind-Open. |
Style | string | Inline style added to the root element. |
Events
Lightbox
| Event | Type | Description |
|---|---|---|
IndexChanged | EventCallback<int> | Raised when another image is shown. |
OpenChanged | EventCallback<bool> | Raised when the viewer closes. |
Package
ImageGallery is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.
Related controls
Send feedbackVersion 1.0.3