Skip to main content

Layouts

SaaSykit comes with a few layout templates that you can use to build your pages.

App Layout​

The app layout is the default layout that is used for all pages in the application. It is the main layout that is used to display the main content of your pages.

App layout 
<x-layouts.app>
    ...
</x-layouts.app>

Focus Layout​

The focus layout is used to display a page with a focus on a specific element. It is used to display pages like the login page, the register page, the forgot password page, etc.

Focus layout 
<x-layouts.focus>
    ...
</x-layouts.focus>

Focus Center Layout​

The focus center layout is used to display a page with a focus on a specific element, but with the focus element centered on the page. You can use it to display messages, or to display a form with a focus on the form.

Focus center layout 
<x-layouts.focus-center>
    ...
</x-layouts.focus-center>