PHPackages archilex/filament-stacked-image-column - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Admin Panels](/categories/admin) 4. / 5. archilex/filament-stacked-image-column ActiveLibrary[Admin Panels](/categories/admin) archilex/filament-stacked-image-column ====================================== Display multiple images as a stack in your Filament tables v1.1.0(2y ago)438.0k↓42.9%6[2 PRs](https://github.com/archilex/filament-stacked-image-column/pulls)MITPHPPHP ^8.0 Since May 30Pushed 2y ago1 watchersCompare [ Source](https://github.com/archilex/filament-stacked-image-column)[ Packagist](https://packagist.org/packages/archilex/filament-stacked-image-column)[ Docs](https://github.com/archilex/filament-stacked-image-column)[ GitHub Sponsors](https://github.com/archilex)[ RSS](/packages/archilex-filament-stacked-image-column/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (2)Dependencies (12)Versions (5)Used By (0) Stacked Image Column for Filament ================================= [](#stacked-image-column-for-filament) Stacked Image Column allows you to display multiple images as a stack in your Filament tables. Screenshots ----------- [](#screenshots) [![stacked](https://user-images.githubusercontent.com/6097099/241840492-876214e1-0241-4919-ba4d-95ca0dc118ea.png)](https://user-images.githubusercontent.com/6097099/241840492-876214e1-0241-4919-ba4d-95ca0dc118ea.png) [![stacked-dark](https://user-images.githubusercontent.com/6097099/241840487-18196356-a25a-444d-9b32-76cd09618a11.png)](https://user-images.githubusercontent.com/6097099/241840487-18196356-a25a-444d-9b32-76cd09618a11.png) Installation ------------ [](#installation) You can install the package via composer: ``` composer require archilex/filament-stacked-image-column ``` Optionally, you can publish the views using ``` php artisan vendor:publish --tag="filament-stacked-image-column-views" ``` Usage ----- [](#usage) Normally you will use Stacked Image Column to show a relationship of images. The name of the relationship comes first, followed by a period, followed by the name of the column to display: ``` use Archilex\StackedImageColumn\Columns\StackedImageColumn; return $table ->columns([ StackedImageColumn::make('orderItems.image'), ]); ``` ### Using a separator [](#using-a-separator) Instead of using a relationship, you may use a separated string by passing the separator into `separator()`: ``` StackedImageColumn::make('product_images') ->separator(',') ``` ### Customizing the images [](#customizing-the-images) As `StackedImageColumn` extends Filament's `ImageColumn`, you have access to most of the same methods: ``` StackedImageColumn::make('images') ->circular() ->width(20) ``` ### Setting a limit [](#setting-a-limit) You may set a limit to the number of images you want to display by passing `limit()`: ``` StackedImageColumn::make('orderItems.image') ->circular() ->limit(3) ``` ### Showing the remaining images count [](#showing-the-remaining-images-count) When you set a limit you may also display the count of remaining images by passing `showRemaining()`. ``` StackedImageColumn::make('orderItems.image') ->circular() ->limit(3) ->showRemaining() ``` By default, `showRemaining()` will display the count of remaining images as a number stacked on the other images. If you prefer to show the count as a number after the images you may use `showRemainingAfterStack()`. You may also set the text size by using `remainingTextSize('xs')`; ### Customizing the ring width [](#customizing-the-ring-width) The default ring width is `ring-3` but you may customize the ring width to be either `0`, `1`, `2`, or `4` which correspond to tailwinds `ring-widths`: `ring-0`, `ring-1`, `ring-2`, and `ring-4` respectively. ``` StackedImageColumn::make('users.avatar') ->circular() ->ring(3) ``` ### Customizing the overlap [](#customizing-the-overlap) The default overlap is `-space-x-1` but you may customize the overlap to be either `0`, `1`, `2`, `3`, or `4` which correspond to tailwinds `space-x` options: `space-x-0`, `-space-x-1`, `-space-x-2`, `-space-x-3`, and `-space-x-4` respectively. ``` StackedImageColumn::make('users.avatar') ->circular() ->overlap(3) ``` Testing ------- [](#testing) ``` composer test ``` Changelog --------- [](#changelog) Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently. Contributing ------------ [](#contributing) Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details. Security Vulnerabilities ------------------------ [](#security-vulnerabilities) Please review [our security policy](../../security/policy) on how to report security vulnerabilities. Credits ------- [](#credits) - [Kenneth Sese](https://github.com/archilex) - [All Contributors](../../contributors) Other Filament Plugins ---------------------- [](#other-filament-plugins) Check out my other Filament Plugins: - [Filter Sets](https://filamentphp.com/plugins/filter-sets): Save your filters, search query, column order, and column search queries into easily accessible filter sets - [Toggle Icon Column](https://filamentphp.com/plugins/toggle-icon-column): Display a toggleable icon in your Filament table. License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 33 — LowBetter than 75% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity36 Limited adoption so far Community13 Small or concentrated contributor base Maturity52 Maturing project, gaining track record Bus Factor1 Top contributor holds 83.7% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~78 days Total 2 Last Release 1006d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/5fbbb75d643cb60e6f628ad9e33897dc4938318f47312f16b223d638fcb620a7?d=identicon)[archilex](/maintainers/archilex) --- Top Contributors [![archilex](https://avatars.githubusercontent.com/u/6097099?v=4)](https://github.com/archilex "archilex (41 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (4 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (4 commits)") --- Tags laravelimagestablesadmin-panelcolumnarchilexfilament-stacked-image-column ### Code Quality TestsPest Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/archilex-filament-stacked-image-column/health.svg) ``` [![Health](https://phpackages.com/badges/archilex-filament-stacked-image-column/health.svg)](https://phpackages.com/packages/archilex-filament-stacked-image-column) ``` ### Alternatives [archilex/filament-toggle-icon-column A toggle icon column for Filament 53626.3k1](/packages/archilex-filament-toggle-icon-column)[guava/filament-knowledge-base A filament plugin that adds a knowledge base and help to your filament panel(s). 206120.5k1](/packages/guava-filament-knowledge-base)[ralphjsmit/laravel-filament-seo A package to combine the power of Laravel SEO and Filament Admin. 15398.7k10](/packages/ralphjsmit-laravel-filament-seo)[geo-sot/filament-env-editor Access .env file though Filament admin panel 2432.3k1](/packages/geo-sot-filament-env-editor)[mradder/filament-logger Audit logging, activity tracking, exports, alerts, and dashboards for Filament admin panels. 141.1k](/packages/mradder-filament-logger)[mohammadhprp/filament-ip-to-country-flag-column Display Country flag from IP address in your Filament tables 2217.4k](/packages/mohammadhprp-filament-ip-to-country-flag-column) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)