Download the PHP package archilex/filament-toggle-icon-column without Composer
On this page you can find all versions of the php package archilex/filament-toggle-icon-column. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Informations about the package filament-toggle-icon-column
A Toggle Icon Column for Filament
While developing Advanced Tables (formerly Filter Sets), a premium Filament plugin that lets you save your existing filters into one easily accessible filter set, I needed a toggleable icon column to give users an easy way to see the status of their filter sets and interact with them as well. Out of this, Toggle Icon Column was born.
Toggle Icon Column is a mashup of Filament's interactive Toggle Column and the Icon Column allowing an icon to be toggled on or off in a table, with different icons and colors representing it's different states.
It should be noted that Filament's current Toggle Column is a more obvious and intuitive UX for most people and even supports icons in the toggle button. However, for some, like myself, Toggle Icon Column will give you a great way to add some visual distinction to your tables.
Installation
You can install the package via composer:
Optionally, you can publish the views using
Filament v3 recommends developers create a custom theme to better support a plugin's additional Tailwind classes. After you have created your custom theme, add Toggle Icon Columns' views to your new theme's tailwind.config.js
file usually located in resources/css/filament/admin/tailwind.config.js
:
Next, compile your theme:
Finally, run the Filament upgrade command:
Usage
Customizing the icon
You may customize the icon representing each state. Heroicons v2 are supported at this time:
Customizing the size
The default icon size is lg
, but you may customize the size to be either xs
, sm
, md
, lg
or xl
:
Customizing the color
You may customize the icon color representing the on
or off
state. These may be either primary
, secondary
, success
, info
, warning
, danger
, or secondary
:
Customizing the hover color
By default the hover color will be the inverse of the on/off
colors. These may also be customized to be either primary
, secondary
, success
, info
, warning
, danger
, or secondary
.
For further customization you can call a Closure
.
Other options
As ToggleIconColumn extends Filament's Column
class, most other methods are available as well such as:
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.
Other Filament Plugins
Check out my other Filament Plugins:
- Advanced Tables (formerly Filter Sets): Let your users combine their filters, searches, column order, and more into convenient and easily accessible filter sets.
- Stacked Image Column: Display multiple images as a stack in your Filament tables.
Credits
- Kenneth Sese
- All Contributors
License
The MIT License (MIT). Please see License File for more information.