kozmoz3
11/30/2017 - 1:02 AM

Para definir layouts de la forma tradicional con Blade en Laravel usamos la directiva @yield de esta forma:

Para definir layouts de la forma tradicional con Blade en Laravel usamos la directiva @yield de esta forma:

layouts.md
content_copyfile_download
  • Rendered
  • Source

ejemplo:

https://styde.net/componentes-y-slots-en-laravel-5-4/
<!DOCTYPE html>
<html lang="en">
<head>
    <title>@yield('title', 'Laravel')</title>
</head>
<body>
    @yield('content')
</body>
</html>

#extender un layout

@section('title', 'Bienvenido a Styde')
 
@section('content')
    Contenido aquí
@endsection

componentes y slots de Laravel 5.4

Con los nuevos componentes y slots de Laravel 5.4 podemos lograr el mismo resultado de la siguiente forma:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>{{ $title or 'Laravel' }}</title>
</head>
<body>
    {{ $slot }}
</body>
</html>

Y en la plantilla donde quieres usar el layout:

@component('vista.del.layout')
    @slot('title', 'Bienvenido a Styde')

    Contenido aquí
@endcomponent

#Partials vs componentes

    <div class="thumbnail">
        <img src="{{ $image }}" alt="{{ $title }}">
        <div class="caption">
            <h3>{{ $title }}</h3>
            <p>{{ $slot }}</p>
        </div>
    </div>

Podemos incluirlo en una vista utilizando la directiva @include:

@include('components/thumbnail', [
    'title' => 'Styde',
    'image' => asset('img/styde.jpg'),
    'slot' => 'styde.net'
])

O a partir de Laravel 5.4 podemos incluirlo como un componente:

@component('components/thumbnail')
    @slot('title', 'Styde')

    @slot('image', asset('img/styde.jpg'))

    Comunidad de desarrollo web.
@endcomponent