↻ Filament layout inspector

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

2. 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