Menggunakan Slot

BladeX juga mendukung slot. Berikut adalah komponen layout:

{{-- resources/views/components/blade --}}
<div>
 <h1>{{ $title }}</h1>
 <div class="flex">
 <div class="w-1/3">
 {{ $sidebar }}
 </div>
 <div class="w-2/3">
 {!! $slot !!}
 </div>
 </div>
 <footer>
 {{ $footer }}
 </footer>
</div>

dapat digunakan di tampilan Anda seperti ini:

<layout title="Zed's chopper">
 <!-- tersedia sebagai $sidebar - nama tersebut digunakan sebagai nama variabel -->
 <slot name="sidebar">
 <ul>
 <li>Home</li>
 <li>Contact</li>
 </ul>
 </slot>

 <!-- semua yang lain di dalam komponen tersedia sebagai $slot -->
 <main class="content">Whose motorcycle is this?</main>

 <!-- tersedia sebagai $footer - nama tersebut digunakan sebagai nama variabel -->
 <slot name="footer">It's not a motorcycle honey, it's a chopper.</slot>
</layout>

dan akan menghasilkan:

<div>
 <h1>Zed's chopper</h1>
 <div class="flex">
 <div class="w-1/3">
 <ul>
 <li>Home</li>
 <li>Contact</li>
 </ul>
 </div>
 <div class="w-2/3">
 <main class="content">Whose motorcycle is this?</main>
 </div>
 </div>
 <footer>
 It's not a motorcycle honey, it's a chopper.
 </footer>
</div>