A. Write this command
php artisan make:component HeaderComponent
( We can use component for reusable like react, vue and angular )
( Go to app/view/components/HeaderComponent.php ) // class based file
( Go to resource/view/components/HeaderComponent.blade.php ) // view file
B. HeaderComponent.blade.php
C. index.blade.php
<x-HeaderComponent name=”username” type=”text” label=”Username” />
<x-HeaderComponent name=”password” type=”password” label=”Password” />
D. HeaderComponent.php
<?php
namespace App\View\Components;
use Closure;
use Illuminate\Contracts\View\View;
use Illuminate\View\Component;
class HeaderComponent extends Component
{
/**
* Create a new component instance.
*/
public $type;
public $name;
public $label;
public function __construct($type, $name, $label)
{
$this->type = $type;
$this->name = $name;
$this->label = $label;
}
/**
* Get the view / contents that represent the component.
*/
public function render(): View|Closure|string
{
return view(‘components.cart’);
}
}
E. HeaderComponent.blade.php