Map Laravel components to DevTools for browser-based navigation. Triggers on "map component", "add to devtools", "register for devtools", "devtools mapping". Adds HTML IDs to Blade views and registers them in components.json.
id="component-name" (kebab-case)resources/devtools/components.json{
"components": {
"component-id": {
"name": "Human Readable Name",
"files": ["app/Path/To/Class.php", "resources/views/path/to/view.blade.php"]
}
}
}
| Type | Pattern | Example |
|---|---|---|
| Page | page-* | page-dashboard |
| Modal | modal-* | modal-confirm |
| Panel |
panel-* |
panel-settings |
| Editor | editor-* | editor-content |
| Card | card-* | card-user |
Filament: <x-filament-panels::page id="page-name">
Livewire/Blade: <div id="component-name">
app/Filament/**/Pages/*.php → resources/views/filament/pages/**/*.blade.phpapp/Livewire/*.php → resources/views/livewire/*.blade.phpresources/views/components/*.blade.php