Laravel Blade Components Slots

<!-- components/card.blade.php -->
<div class="card">
    {{ $slot }}
</div>

<!-- Usage -->
<x-card>
    Card content here
</x-card>

<div class="card">
    <div class="header">{{ $header }}</div>
    <div class="body">{{ $slot }}</div>
    <div class="footer">{{ $footer }}</div>
</div>

<x-card>
    <x-slot:header>Title</x-slot>
    Body content
    <x-slot:footer>Footer</x-slot>
</x-card>

<div {{ $header->attributes->class(['header']) }}>
    {{ $header }}
</div>