Filament: Wizard with Summary Step and Back Buttons

With Filament - you can easily give your users a chance to see wizard form data by adding a summary page at the end.

FilamentExamples ThumbBase (2)

Get the Source Code:

How it works

First, the CreateRecord\Concerns\HasWizard trait must be used to add a wizard form on the Create page.

use Filament\Resources\Pages\CreateRecord;
 
class CreateTask extends CreateRecord
{
use CreateRecord\Concerns\HasWizard;
 
protected static string $resource = TaskResource::class;
}

Steps for the wizard are added in the protected getSteps() method on the Create page class.

use Filament\Forms;
use App\Models\User;
use App\Filament\Resources\TaskResource;
use Filament\Notifications\Notification;
use Filament\Resources\Pages\CreateRecord;
 
class CreateTask extends CreateRecord
{
use CreateRecord\Concerns\HasWizard;
 
protected static string $resource = TaskResource::class;
 
protected function getSteps(): array
{
return [
Forms\Components\Wizard\Step::make('Name')
->schema([
Forms\Components\TextInput::make('name')
->required(),
]),
Forms\Components\Wizard\Step::make('Due Date')
->schema([
Forms\Components\DatePicker::make('due_date')
->required(),
]),
Forms\Components\Wizard\Step::make('Notify User')
->schema([
Forms\Components\Select::make('user_id')
->required()
->label('User')
->options(User::whereNot('id', 1)->pluck('name', 'id')),
]),
Forms\Components\Wizard\Step::make('Summary')
->schema([
// ...
The FULL tutorial is available after the purchase: in the Readme file of the official repository you would get invited to.
Get the Source Code: All 50 Premium Examples for $99 Only Form Examples for $39