Module: ModularSidebar

A layout component with a header, primary and secondary sidebars and a content area.

Parameters:

Name Type Description

props

object

Component props.

Properties

Name	Type	Description
`children`	JSX.Element	React element children.
`customAttributes`	object	Custom attributes for the layout.
`customClasses`	string \| Array \| object	Custom classes for the layout.
`Header`	JSX.Element	The header element.
`layoutTagName`	string	The tag name for the layout.
`PrimarySideBarChildren`	JSX.Element	The primary sidebar element.
`SecondarySideBarChildren`	JSX.Element	The secondary sidebar element.

Since: 1.1.15
Source: modules/Layouts/ModularSidebar/index.js, line 7

Returns:

The ModularSidebar component.

Type:: JSX.Element

Example

import { ModularSidebar } from '@gravityforms/admin';

<ModularSidebar
   Header={ <h1>Header</h1> }
   PrimarySideBarChildren={ <div>Primary Sidebar</div> }
   SecondarySideBarChildren={ <div>Secondary Sidebar</div> }
   customClasses={ 'my-custom-class' }
   customAttributes={ { 'data-custom-attribute': 'custom' } }
   layoutTagName={ 'section' }
>