https://github.com/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!
https://github.com/codewithdennis/filament-theme-inspector
custom-theme filament filamentphp laravel php plugin theme
Last synced: 3 months ago
JSON representation
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!
- Host: GitHub
- URL: https://github.com/codewithdennis/filament-theme-inspector
- Owner: CodeWithDennis
- License: mit
- Created: 2024-10-18T07:57:11.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-02-10T10:37:51.000Z (5 months ago)
- Last Synced: 2025-04-03T10:58:31.071Z (3 months ago)
- Topics: custom-theme, filament, filamentphp, laravel, php, plugin, theme
- Language: PHP
- Homepage:
- Size: 3.76 MB
- Stars: 48
- Watchers: 2
- Forks: 3
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
- Security: .github/SECURITY.md
Awesome Lists containing this project
README
# Filament Theme Inspector
[](https://packagist.org/packages/codewithdennis/filament-theme-inspector)
[](https://github.com/codewithdennis/filament-theme-inspector/actions?query=workflow%3Arun-tests+branch%3Amain)
[](https://github.com/codewithdennis/filament-theme-inspector/actions?query=workflow%3A"Fix+PHP+code+styling"+branch%3Amain)
[](https://packagist.org/packages/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!
https://github.com/user-attachments/assets/d8ecbc95-cfbf-4340-8405-2814a03739c5
## Installation
You can install the package via composer:
```bash
composer require codewithdennis/filament-theme-inspector
```Make sure you clear the cache after installing the package.
```bash
php artisan filament:upgrade
```## Usage
Add the following plugin to your plugins method on your panel.
```php
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.```php
FilamentThemeInspectorPlugin::make()
->toggle(),
```## Testing
```bash
composer test
```## Changelog
Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.
## Contributing
Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.
## Security Vulnerabilities
Please review [our security policy](../../security/policy) on how to report security vulnerabilities.
## Credits
- [CodeWithDennis](https://github.com/CodeWithDennis)
- [All Contributors](../../contributors)## License
The MIT License (MIT). Please see [License File](LICENSE.md) for more information.