diff --git a/packages/tables/docs/03-columns/04-image.md b/packages/tables/docs/03-columns/04-image.md index 953aa7e5516..f8db2066706 100644 --- a/packages/tables/docs/03-columns/04-image.md +++ b/packages/tables/docs/03-columns/04-image.md @@ -93,6 +93,17 @@ ImageColumn::make('avatar') ->defaultImageUrl(url('/images/placeholder.png')) ``` +## Image Lightbox + +You can display a image lightbox by using `lightbox()`: + +```php +use Filament\Tables\Columns\ImageColumn; + +ImageColumn::make('header_image') + ->lightbox() +``` + ## Stacking images You may display multiple images as a stack of overlapping images by using `stacked()`: diff --git a/packages/tables/resources/views/columns/image-column.blade.php b/packages/tables/resources/views/columns/image-column.blade.php index 817706e32e9..5c8929abc6f 100644 --- a/packages/tables/resources/views/columns/image-column.blade.php +++ b/packages/tables/resources/views/columns/image-column.blade.php @@ -5,6 +5,7 @@ $isCircular = $isCircular(); $isSquare = $isSquare(); $isStacked = $isStacked(); + $hasLightbox = $hasLightBox() ?? false; $overlap = $isStacked ? ($getOverlap() ?? 2) : null; $ring = $isStacked ? ($getRing() ?? 2) : null; $height = $getHeight() ?? ($isStacked ? '2rem' : '2.5rem'); @@ -41,6 +42,7 @@ @endphp