README

Installation

composer require sintex/sintex-layout

Publishing Layout

php artisan vendor:publish --provider="SintexLayout\SintexLayoutProdvider"

Components

• Top Navigation Layout
• Sidebar Layout

x- tag is an implementation of Laravel 7x

Top Navigation Layout

x-sintex-layout-top-nav

Usage

<x-sintex-layout-top-nav  
    
    title="Page Title" 
    header-text="Dashboard" 
    header-text-sm="This is the dashboard" 
    nav-bar-color="navbar-dark navbar-success"  
    brand-name="My Company"
    text-sizing="text-md"
    >
    
</x-sintex-layout-top-nav>

Parameters

• title - The page title [Required]
• header-text - Content Header text[Required]
• header-text-sm - Content Header text small [Required]
• nav-bar-color - Navigation Bar Color [Optional]
• brand-name - Brand Name [Required]
• text-sizing - Body text sizing [Optional]

Just add the parameters inside the component tag.

Named Slots

• navbar - Slot for Navigation menu bar
• breadcrumbItems - Slot for Breadcrumb items <li>
• content - Slot where the content to be inserted
• footer - Slot where the footer or company details or info to be inserted
• headerImports - Slot in header where the custom css or js file to be inserted
• footerImports - Slot in footer where the custom js file to be inserted

Insert the slots inside the component like shown usage below.

<x-sintex-layout-top-nav  
    
    title="Page Title" 
    header-text="Dashboard" 
    header-text-sm="This is the dashboard" 
    nav-bar-color="navbar-dark navbar-success"  
    brand-name="My Company">

    <x-slot name="breadcrumbItems">

        <li class="breadcrumb-item"><a href="#">Home</a></li>
        <li class="breadcrumb-item active">Dashboard v1</li>

    </x-slot>
    
</x-sintex-layout-top-nav>

To see the full example implementation of the component, publish the views that can be found after publishing in /views/vendor/sintex-layouts/top-nav

Sidebar Layout

x-sintex-layout-sidebar

Usage

<x-sintex-layout-sidebar 

	title="Server Error!" 
	header-text="test" 
	nav-bar-color="navbar-dark navbar-success"
	sidebar-color="sidebar-light-warning" 
	brand-color="navbar-primary" 
    brand-name="Helpdesk 4"
    text-sizing="text-md"
    >

</x-sintex-layout-sidebar>

Parameters

• title - The page title [Required]
• header-text - Content Header text[Required]
• nav-bar-color - Navigation bar color [Optional]
• sidebar-color - Sidebar panel color [Optional]
• brand-color - Sidebar brand color [Optional]
• brand-name - Brand Name [Required]
• text-sizing - Body text sizing [Optional]

Named Slots

• navbar - Slot for Navigation menu bar
• sidebarMenu - Slot for sidebar menu items <li>
• breadcrumbItems - Slot for Breadcrumb items <li>
• sidebarUserPanel - Slot for sidebar user panel
• content - Slot where the content to be inserted
• footer - Slot where the footer or company details or info to be inserted
• headerImports - Slot in header where the custom css or js file to be inserted
• footerImports - Slot in footer where the custom js file to be inserted

<x-sintex-layout-sidebar 

	title="Server Error!" 
	header-text="test" 
	nav-bar-color="navbar-dark navbar-success"
	sidebar-color="sidebar-light-warning" 
	brand-color="navbar-primary" 
	brand-name="Helpdesk 4">

    <x-slot name="breadcrumbItems">

        <li class="breadcrumb-item"><a href="#">Home</a></li>
        <li class="breadcrumb-item active">Dashboard v1</li>

    </x-slot>
    
</x-sintex-layout-sidebar>

To see the full example implementation of the component, publish the views that can be found after publishing in /views/vendor/sintex-layouts/sidebar

Credits

Laravel Framework Admin LTE 3