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'Props
| 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 |
Examples
Sidebar
<PageGrid layout="sidebar-left" gap="8">
<aside>Sidebar</aside>
<main>Main content</main>
</PageGrid>