Jumbo React
Jumbo 6.x
Jumbo 6.x
  • Overview
  • Package Content
  • Installation and Setup
    • Environment Setup
    • Project Setup
  • Structure
    • Folder Structure
  • Layouts
    • Understanding Layouts
    • Pre-built Layouts
    • Create Custom Layout
  • Content Layout
    • Understanding Content Layout
  • Routes
    • Understanding Routes
    • Setup a New Route
    • Route Middleware
    • Create Route Middleware
  • Style Customization
    • Understanding Theme
    • Customize Theme
    • Dark Theme
    • Font Changes
  • How To
    • Apply RTL as default
    • Set RTL direction dynamically
    • Make sidebar menus dynamic
  • Auth Implementation
    • Auth Setting
    • Implement Login Form
Powered by GitBook
On this page
  1. Layouts

Understanding Layouts

The concept of layouts

PreviousFolder StructureNextPre-built Layouts

Last updated 2 years ago

Jumbo offers various pre-built layouts and an ability to easily create your desired layout with the help of its highly reusable JumboLayout component and API options.

Following figure is a presentation of what the layout is:

In above figure, you can see that there are five sections a layout covers:

  • Root (This is the wrapper of all the other four sections)

  • Header

  • Sidebar

  • Content

  • Footer

A quick overview on use of the JumboLayout component to fill these sections with your desired components:

Figure 1