Style Customization
Preview Buy Now

Development

To start development from scratch, we have provided barebone.blade.php file to get you started with the basic structure.

But, before making any changes inside the barebone.blade.php file. Kindly follow the instructions mentioned below :

  • Make a copy of barebone.blade.php file
  • Rename the file as per you need
  • Create your own router
  • Open the file into you editor
  • Add Page Title - inside 
    <x-slot:pageTitle>Title</x-slot:pageTitle>
    or you can directly define the title inside you router
  • Add Header Files - inside 
    <x-slot:headerFiles>
<!--  BEGIN CUSTOM STYLE FILE  -->

<!--  END CUSTOM STYLE FILE  -->
</x-slot>
  • Add Footer Files - inside 
    <!--  BEGIN CUSTOM SCRIPTS FILE  -->
<x-slot:footerFiles>
    
</x-slot>
<!--  END CUSTOM SCRIPTS FILE  -->
  • Add Content - inside 
    <div class="row layout-top-spacing">

<!-- CONTENT HERE -->

</div>
  • Kindly make use of Blade Components - Blade Components

Complete Code

Below is the complete code

<x-base-layout :scrollspy="false">

    <x-slot:pageTitle>
        {{$title}} 
    </x-slot>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <x-slot:headerFiles>
        <!--  BEGIN CUSTOM STYLE FILE  -->
        
        <!--  END CUSTOM STYLE FILE  -->
    </x-slot>
    <!-- END GLOBAL MANDATORY STYLES -->

    <div class="row layout-top-spacing">

        <!-- CONTENT HERE -->

    </div>
    
    <!--  BEGIN CUSTOM SCRIPTS FILE  -->
    <x-slot:footerFiles>
        
    </x-slot>
    <!--  END CUSTOM SCRIPTS FILE  -->

</x-base-layout>