إنشاء Component يقبل Classes إضافية

إذا كان لديك تصميم رسالة يتكرر في أكثر من صفحة يمكنك إنشاء Component له تنسيق أساسي

مع السماح لكل صفحة بإضافة Classes أخرى

ننشئ الملف

resources/views/components/alert.blade.php

<div {{ $attributes->merge(['class' => 'alert']) }}>
  {{ $slot }}
</div>

ثم نستخدمه داخل أي صفحة بهذا الشكل

<x-alert class="success" id="success-message">
  Your Changes Have Been Saved
</x-alert>

ال HTML الناتج سيكون بهذا الشكل

<div class="alert success" id="success-message">
  Your Changes Have Been Saved
</div>

الدالة merge() تجمع ال Classes المرسلة مع ال Class الأساسي

أما $slot فيحتوي على المحتوى المكتوب بين وسمي ال Component