Page

Installation

import { Page } from "@o/pipeline/layouts/page";

Note

Page.* components are React server components.

Usage

Page.* components are designed to handle the full inner layout of a view (within App.Body).

Header
Body
Content (paired up with Sidebar)
  • Margin-left and margin-right 50px (align with first breadcrumb title)
  • Padding-top 24px
  • Scrolling overflow

Content Title (h2)

Content (paired up with Sidebar)
  • Margin-left and margin-right 50px (align with first breadcrumb title)
  • Padding-top 24px
  • Scrolling overflow

Content Title (h2)

Content (paired up with Sidebar)
  • Margin-left and margin-right 50px (align with first breadcrumb title)
  • Padding-top 24px
  • Scrolling overflow

Content Title (h2)