# Вынесение компонентов в файлы в Laravel

Давайте, к примеру, вынесем блок с хедером в отдельный компонент. Для этого перенесем его код в следующий файл:

`<header> header </header>`

Теперь используем в макете специальную команду для вставки нашего компонента. Эта команда представляет собой специальный тег, имя которого начинается с `x-`, а затем идет имя файла нашего компонента. В нашем случае эта команда будет выглядеть так: `<x-header />`.

Воспользуемся этой командой в макете сайта:

`<!DOCTYPE html> <html> <head> <title>{{ $title }}</title> </head> <body> <div class="wrapper"> <x-header /> <main> {{ $slot }} </main> <footer> footer </footer> </div> </body> </html>`

Вынесите в вашем макете хедер, футер, правый и левый сайдбары в отдельные компоненты.

←→
↑