Laravel Blade Components: Build Reusable UI

Create powerful reusable components with Laravel Blade.

Build reusable Blade components:

Create Component

php artisan make:component Alert

php

class Alert extends Component
{
    public function __construct(
        public string $type = 'info',
        public string $message = ''
    ) {}
}

blade

<div class="alert alert-{{ $type }}">
    {{ $message }}
    {{ $slot }}
</div>

blade

<x-alert type="success" message="Saved!" />

Create powerful reusable components with Laravel Blade.

Build reusable Blade components:

php artisan make:component Alert

php

class Alert extends Component
{
    public function __construct(
        public string $type = 'info',
        public string $message = ''
    ) {}
}

blade

<div class="alert alert-{{ $type }}">
    {{ $message }}
    {{ $slot }}
</div>

blade

<x-alert type="success" message="Saved!" />