codewithdennis / filament-theme-inspector
Easily see the fi- class of any element on the page by hovering over it. A tooltip displays the class name, and you can copy it with a click!
Fund package maintenance!
CodeWithDennis
Requires
- php: ^8.1
- filament/filament: ^3.0
- spatie/laravel-package-tools: ^1.15.0
Requires (Dev)
- laravel/pint: ^1.0
- nunomaduro/collision: ^7.9
- nunomaduro/larastan: ^2.0.1
- orchestra/testbench: ^8.0
- pestphp/pest: ^2.1
- pestphp/pest-plugin-arch: ^2.0
- pestphp/pest-plugin-laravel: ^2.0
- phpstan/extension-installer: ^1.1
- phpstan/phpstan-deprecation-rules: ^1.0
- phpstan/phpstan-phpunit: ^1.0
This package is auto-updated.
Last update: 2024-10-19 10:09:06 UTC
README
Easily see the fi- class of any element on the page by hovering over it. A tooltip displays the class name, and you can copy it with a click!
example.mov
Installation
You can install the package via composer:
composer require codewithdennis/filament-theme-inspector
Usage
Add the following plugin to your plugins method on your panel.
use CodeWithDennis\FilamentThemeInspector\FilamentThemeInspectorPlugin; ->plugins([ FilamentThemeInspectorPlugin::make() ->disabled(fn () => ! app()->hasDebugModeEnabled()) ])
Copy
When you hover over an element on the page, a tooltip will appear with the fi- class name. You can click on the copy icon to copy the class name to your clipboard. Hold ALT
or OPTION
key to freeze the tooltip in place, so you can copy the class name.
Testing
composer test
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
License
The MIT License (MIT). Please see License File for more information.