Page Preview
CommunityCustom Filament form field that renders a live Blade page preview.
filament/
namespace. Review the source and install at your own risk. Found
malware or an unresolved security issue the author won't
address?
Report it
.
Author:
Andrei Feraru
Documentation
Custom Filament form field that renders a Blade preview.

#Installation
Install the package via composer:
composer require ferarandrei1/filament-page-preview
#Usage
Use the PreviewField component in your Filament form:
use Feraandrei1\FilamentPagePreview\Forms\Components\PreviewField;
use Filament\Forms\Form;
public function form(Form $form): Form
{
return $form->schema([
PreviewField::make('preview_field')
->previewData([
'user' => Auth::user()->username,
'previewRouteName' => 'preview',
'data' => $data,
])
->nullable(),
]);
}
#Documentation
- Creating a Preview Route - Step-by-step guide to set up routes and controllers
- Complete Filament Page Example - Full example with two-column layout and live preview
#Custom Preview View
You can publish the views to customize them:
php artisan vendor:publish --tag=filament-page-preview-views
Or, you can specify a custom view for the preview:
PreviewField::make('preview_field')
->previewView('filament.view-fields.custom-preview')
->previewData(['key' => 'value']);
#Requirements
- PHP 8.1 or higher
- Filament 3.0 or higher
- Laravel 10.0 or higher
#License
MIT License
The author
From the same author
Dynamic Settings
Centralized dynamic settings system for Filament.
Author:
Andrei Feraru
AI Chat Widget
Filament support for `openai-php/laravel`.
Author:
Andrei Feraru
Featured Plugins
A selection of plugins curated by the Filament team
Blueprint
Filament Blueprint is a premium Laravel Boost extension that helps AI agents produce accurate, detailed implementation plans and security reports for Filament apps.
Filament
Data Lens
Advanced Data Visualization for Laravel Filament - a premium reporting solution enabling custom column creation, sophisticated filtering, and enterprise-grade data insights within admin panels.
Padmission
Custom Fields
Eliminate custom field migrations forever. Let your users create and manage form fields directly in Filament admin panels with 20+ built-in field types, validation, and zero database changes.
Relaticle