Custom Layout: Router-Template

Custom layout it's a template with a MainMenu on the left, header on the top, content section and footer at the botom. The content section is passed by the prop 'content'. The non content sections are externals components.

This is a visual representation of the layout.

How use it

import CustomLayout from 'custom-router-template' 
...
<CustomLayout routes={my_routes} content={my_content_component}/> 

Blocks / props

It need 4 properties:

• content : Component that display the section content.
• routes : Js file with an array of routes to display into the menu.
• menuStyle : Its a object with color and backgorundColor properties that change the colors of the menu.