sakanjo/filament-layout-inspector

Visually examine the layout of your Filament app.

v1.0.0 2024-05-04 12:24 UTC

Requires

• php: ^8.2
• filament/filament: ^3.2
• spatie/laravel-package-tools: ^1.16

Requires (Dev)

• laravel/pint: ^1.1
• orchestra/testbench: ^9.0
• pestphp/pest: ^2.3
• pestphp/pest-plugin-livewire: ^2.1
• phpstan/phpstan: ^1.1

MIT

• Salah Kanjo

• plugins
• laravel
• filament-plugins

README

Visually examine the layout of your Filament app.

✨ Help support the maintenance of this package by sponsoring me.

Table of Contents

• Install
• Usage
• Support the development
• Credits
• License

📦 Install

1. Install the package via composer:

composer require --dev sakanjo/filament-layout-inspector

1. Add the plugin's views to your tailwind.config.js file.

content: [
    './vendor/sakanjo/filament-layout-inspector/resources/**/*.blade.php',
]

🦄 Usage

<?php

// ...
use SaKanjo\FilamentLayoutInspector\LayoutInspectorPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        ->plugin(
            LayoutInspectorPlugin::make()
                ->visible(fn () => app()->isLocal())
                ->screens([
                    '4xl' // max-4xl:hidden
                    '5xl' // max-5xl:hidden
                ])
        );
}

💖 Support the development

Do you like this project? Support it by donating

Click the "💖 Sponsor" at the top of this repo.

©️ Credits

• Salah Kanjo
• All Contributors

📄 License

MIT License © 2023-PRESENT Salah Kanjo