Layout

OpenProject provides several ways to layout your page.

Layout component

On a primerized page, you may want to use the Primer::Beta::Layout component, which will give you a layout with a side panel and a main content area, stacking behavior for mobile, and more.

Component overview

These are the involved primer components:

• Primer::Beta::Layout - The main layout component. For more information, see https://primer.style/components/layout/rails/alpha and the preview for the component
• Primer::OpenProject::SidePanel - Side panel component for one or multiple sections

Here is an example on how this would be used: