layout

PageGrid

CSS grid layout for full pages with single, sidebar-left, sidebar-right, and three-column presets.

Import

import { PageGrid } from '@stella-ds/react'

Prop	Type	Default	Description
layout	'single' \| 'sidebar-left' \| 'sidebar-right' \| 'three-col'	'single'	Grid layout variant
gap	'4' \| '6' \| '8' \| '12'	'8'	Column gap
fullBleed	boolean	false	Full-width or max-width contained

<PageGrid layout="sidebar-left" gap="8">
  <aside>Sidebar</aside>
  <main>Main content</main>
</PageGrid>