Module: RightSidebar

A layout component with a header, sidebar and a content area with two split content options.

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.
`SecondaryContentChildren`	JSX.Element	The secondary content element.
`SideBarChildren`	JSX.Element	The sidebar element.
`sidebarMobilePosition`	string	The position of the sidebar on mobile (start, middle, end).

Since: 3.3.0
Source: modules/Layouts/RightSidebar/index.js, line 6

Returns:

The ModularSidebar component.

Type:: JSX.Element

Example

import RightSidebar from '@gravityforms/components/react/admin/modules/Layouts/RightSidebar';

<RightSidebar
   Header={ <h1>Header</h1> }
   SideBarChildren={ <div>Primary Sidebar</div> }
   SecondaryContentChildren={ <div>Secondary Sidebar</div> }
   customClasses={ 'my-custom-class' }
   customAttributes={ { 'data-custom-attribute': 'custom' } }
   layoutTagName={ 'section' }
   sidebarMobilePosition="start"
>
  <div>Content</div>
</RightSidebar>