今天繞回來談Blade
搭配服用文檔：Laravel-blade-component

來做一個Footer

我們在這天：Laravel: 初探 Router, view & blade-Day09
先做了簡單的Layout。

這次我們再把元素 Component拆分

讓我們先來做一個footer的Component

resources/
|--views/
    |--components/
        |--footer.blade.php

檔案裡：

<footer class="pt-8 mt-16 ">
    <div class="bg-yellow-300 w-full text-center py-2 relative">
        © 2023 Copyright Rachel 🦋
    </div>
</footer>

在Layout裡面我們可以這樣render出footer

方法1:@include('components.footer')

方法2:<x-footer /> x開頭的html tag是Laravel都會從component裡面去找符合名字的component

如果要將Component資料夾裡面再開資料夾可以這樣render

components>form>input

方法1:@include('components.form.input')

方法2:<x-form-input />

以上！