Layouts

Structure

The resources/js/Layouts/ directory contains your Application Layouts.

resources/js/Layouts
├── App.vue
├── AppLayout.vue
├── Blank.vue
├── Boxed.vue
├── Dynamic.vue
├── Fixed.vue
└── Sticky.vue

Default Layout

Set the default layout from store/settings.js. Possible values are any lower-case layout file names available in the resources/js/Layouts/ folder.

export const state = () => ({
  state: {
    layout: {
      layout: 'app'
    }
  }
})

Table of Contents

Frontend Matter

Beautifully crafted Bootstrap themes and templates for modern web apps.

Layouts

Structure

Default Layout

Themes

Templates

Company