Using Layouts

RapidAdminReact® provides pre-defined layouts to quickly create your pages. Let's see how you can use these layouts to create your pages.

Finding the layout you need

All the layouts can we access in the layouts directory of RapidAdminReact®.


./src
├── layouts
│   ├── BlankLayout
│   │   └── BlankLayout.js
│   └── MiniSidebar
│       └── MiniSidebar.js

All the layouts here are self explanatory but still if you need to look what a particular layout does you can refer to the API documentation for the detail.

Layouts API Documentation

Using the layouts in your pages

Whenever you create a new page you can simply start using a layout by importing the layout and nesting your components inside it. Here is a simple example of how you can use the <MiniSidebar /> layout.


import MiniSidebar from "layouts";

function MyPage(props) {
	return (
		<MiniSidebar>
			// Nest Your Page Content Here To Use The Layout
		</MiniSidebar>
	)
}


Customising Component Style
Adding Components To Header