Theme Inspector

• Installation
• Usage
  • Freeze (Hold / Toggle)
• Testing
• Changelog
• Contributing
• Security Vulnerabilities
• Credits
• License

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!

#Installation

You can install the package via composer:

composer require codewithdennis/filament-theme-inspector

Make sure you clear the cache after installing the package.

php artisan filament:upgrade

#Usage

Add the following plugin to your plugins method on your panel.

use CodeWithDennis\FilamentThemeInspector\FilamentThemeInspectorPlugin;

->plugins([
    FilamentThemeInspectorPlugin::make()
        ->disabled(fn () => ! app()->hasDebugModeEnabled())
])

#Freeze (Hold / Toggle)

By default, the freeze button (ALT or ⌘) needs to be held down to freeze the tooltip in place. You can change this behavior to toggle by using the toggle method.

FilamentThemeInspectorPlugin::make()
    ->toggle(),

#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

• CodeWithDennis
• All Contributors

#License

The MIT License (MIT). Please see License File for more information.