Get the latest Laravel/PHP jobs, events and curated articles straight to your inbox, once a week
Source: codebrisk.com
Create the Wizard with Headless Laravel Livewire Components
Laravel-livewire-wizard is an amazing package by Spatie that offers lightweight Livewire components that allow you to easily build a wizard. These step components will be tied together using a WizardComponent.
The WizardComponent class extends Livewire's component class, so you need to register the CheckoutWizardComponent with Livewire.
Since steps are Livewire components, don't forget to register all steps to Livewire.
namespace App\Components; use App\Components\CartComponent; use App\Components\DeliveryAddressComponent; use App\Components\ConfirmOrderComponent; use Spatie\LivewireWizard\Components\WizardComponent; class CheckoutWizardComponent extends WizardComponent { public function steps() : array { return [ CartStepComponent::class, DeliveryAddressStepComponent::class, ConfirmOrderStepComponent::class, ]; }}
The WizardComponent class extends Livewire's component class, so you need to register the CheckoutWizardComponent with Livewire.
Since steps are Livewire components, don't forget to register all steps to Livewire.
namespace App\Components; use App\Components\CartComponent; use App\Components\DeliveryAddressComponent; use App\Components\ConfirmOrderComponent; use Spatie\LivewireWizard\Components\WizardComponent; class CheckoutWizardComponent extends WizardComponent { public function steps() : array { return [ CartStepComponent::class, DeliveryAddressStepComponent::class, ConfirmOrderStepComponent::class, ]; }}
Newsletter
ToastMail
Achieve superior email deliverability with ToastMail! Our AI-driven tool warms up inboxes, monitors reputation, and ensures emails reach their intended destination. Sign up today for a spam-free future.
Community Partners
Laravel/PHP Careers