Download the PHP package archilex/filament-stacked-image-column without Composer
On this page you can find all versions of the php package archilex/filament-stacked-image-column. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download archilex/filament-stacked-image-column
More information about archilex/filament-stacked-image-column
Files in archilex/filament-stacked-image-column
Package filament-stacked-image-column
Short Description Display multiple images as a stack in your Filament tables
License MIT
Homepage https://github.com/archilex/filament-stacked-image-column
Informations about the package filament-stacked-image-column
Stacked Image Column for Filament
Stacked Image Column allows you to display multiple images as a stack in your Filament tables.
Screenshots
Installation
You can install the package via composer:
Optionally, you can publish the views using
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:
Using a separator
Instead of using a relationship, you may use a separated string by passing the separator into separator()
:
Customizing the images
As StackedImageColumn
extends Filament's ImageColumn
, you have access to most of the same methods:
Setting a limit
You may set a limit to the number of images you want to display by passing limit()
:
Showing the remaining images count
When you set a limit you may also display the count of remaining images by passing 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
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.
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.
Testing
Changelog
Please see CHANGELOG for more information on what has changed recently.
Contributing
Please see CONTRIBUTING for details.
Security Vulnerabilities
Please review our security policy on how to report security vulnerabilities.
Credits
- Kenneth Sese
- All Contributors
Other Filament Plugins
Check out my other Filament Plugins:
- Filter Sets: Save your filters, search query, column order, and column search queries into easily accessible filter sets
- Toggle Icon Column: Display a toggleable icon in your Filament table.
License
The MIT License (MIT). Please see License File for more information.
All versions of filament-stacked-image-column with dependencies
filament/filament Version ^2.0
spatie/laravel-package-tools Version ^1.13.5
illuminate/contracts Version ^9.0|^10.0