12. Layout & Blade - mzm-dev/laravel-latihan GitHub Wiki

yeild

Tempan dimana ruang bernama content akan digunakan oleh blade view. Supaya HTML akan di paparkan pada ruang tersebut

@yeild('content')

extends

Sebagai contoh, layout yang diwujudkan adalah /resources/views/layouts/app.blade.php

Setiap view yang ingin menggunakan layout tersebut perlu memanggil arahan seperti dibawah

@extends('layouts.app')

sections

Setiap view yang ingin dkeluarkan pada layout utama perlu menggunakan **section ** dan di namakan dengan nama seperti yeild

@section('content')

...html code

@endsection

Contoh kod layout

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{{ config('app.name', 'Laravel') }}</title>

    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">

</head>
<body>

    {{-- Navbar --}}
   
    {{-- Alert Notification --}}
   
    {{-- Container --}}
    @yield('content')

    <script src="{{ asset('js/jquery-3.6.0.min.js') }}"></script>
    <script src="{{ asset('js/bootstrap.min.js') }}"></script>
</body>
</html>

Contoh view index.blade.php

{{-- Merujuk kepada layout --}}
@extends('layouts.app')

{{-- Merujuk kepada yield content dalam layout --}}
@section('content')

    <div class="container">
        <div class="card">
            <div class="card-header">Senarai</div>
            <div class="card-body">

            </div>
            <div class="card-footer">
              
            </div>
        </div>
    </div>

@endsection
⚠️ **GitHub.com Fallback** ⚠️